<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  
  <title>Python网络爬虫并输出到excel | Eetal&#39;s Blog</title>

  <!-- keywords -->
  

  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta name="description" content="欢迎查看Eetal的第五篇博客–Python网络爬虫并输出到excel Python版本与IDE笔者用的是python3.6.5以及PyCharm不得不说，JetBrains做的IDE都很不错，无论是这款PyCharm还是IntelliJ在形参处的名称提示太方便了 网络爬虫笔者学java的，本次写这个爬虫纯粹为了交作业学过java的URL类的基本都明白所为爬虫无非就是建立一个与某个网站的连接通过该">
<meta property="og:type" content="article">
<meta property="og:title" content="Python网络爬虫并输出到excel">
<meta property="og:url" content="http://eetal.gitee.io/blog/2018/06/12/python网络爬虫并输出excel/index.html">
<meta property="og:site_name" content="Eetal&#39;s Blog">
<meta property="og:description" content="欢迎查看Eetal的第五篇博客–Python网络爬虫并输出到excel Python版本与IDE笔者用的是python3.6.5以及PyCharm不得不说，JetBrains做的IDE都很不错，无论是这款PyCharm还是IntelliJ在形参处的名称提示太方便了 网络爬虫笔者学java的，本次写这个爬虫纯粹为了交作业学过java的URL类的基本都明白所为爬虫无非就是建立一个与某个网站的连接通过该">
<meta property="og:locale" content="default">
<meta property="og:image" content="http://eetal.gitee.io/blog/images/python/webAnt.jpg">
<meta property="og:image" content="http://eetal.gitee.io/blog/images/python/xuangubao.jpg">
<meta property="og:image" content="http://eetal.gitee.io/blog/images/python/getIDS.jpg">
<meta property="og:image" content="http://eetal.gitee.io/blog/images/python/getInfo.jpg">
<meta property="og:image" content="http://eetal.gitee.io/blog/images/python/excelData.jpg">
<meta property="og:image" content="http://eetal.gitee.io/blog/images/python/data.jpg">
<meta property="og:updated_time" content="2018-06-13T00:34:35.839Z">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Python网络爬虫并输出到excel">
<meta name="twitter:description" content="欢迎查看Eetal的第五篇博客–Python网络爬虫并输出到excel Python版本与IDE笔者用的是python3.6.5以及PyCharm不得不说，JetBrains做的IDE都很不错，无论是这款PyCharm还是IntelliJ在形参处的名称提示太方便了 网络爬虫笔者学java的，本次写这个爬虫纯粹为了交作业学过java的URL类的基本都明白所为爬虫无非就是建立一个与某个网站的连接通过该">
<meta name="twitter:image" content="http://eetal.gitee.io/blog/images/python/webAnt.jpg">
  
    <link rel="alternative" href="/atom.xml" title="Eetal&#39;s Blog" type="application/atom+xml">
  
  
    <link rel="icon" href="http://www.yangyitao.top/FiveChess/resource/ico/favicon.ico">
  
  <link rel="stylesheet" href="/blog/css/style.css">
  
  

  <script src="//cdn.bootcss.com/require.js/2.3.2/require.min.js"></script>
  <script src="//cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>

  
</head>
<body>
  <div id="container">
    <div id="particles-js"></div>
    <div class="left-col">
    <div class="overlay"></div>
<div class="intrude-less">
	<header id="header" class="inner">
		<a href="/" class="profilepic">
			
			<img lazy-src="/blog/images/head.jpg" class="js-avatar">
			
		</a>

		<hgroup>
		  <h1 class="header-author"><a href="/">Eetal</a></h1>
		</hgroup>

		
		<p class="header-subtitle">java coder</p>
		

		
			<div class="switch-btn">
				<div class="icon">
					<div class="icon-ctn">
						<div class="icon-wrap icon-house" data-idx="0">
							<div class="birdhouse"></div>
							<div class="birdhouse_holes"></div>
						</div>
						<div class="icon-wrap icon-ribbon hide" data-idx="1">
							<div class="ribbon"></div>
						</div>
						
						<div class="icon-wrap icon-link hide" data-idx="2">
							<div class="loopback_l"></div>
							<div class="loopback_r"></div>
						</div>
						
						
					</div>
					
				</div>
				<div class="tips-box hide">
					<div class="tips-arrow"></div>
					<ul class="tips-inner">
						<li>菜单</li>
						<li>标签</li>
						
						<li>友情链接</li>
						
						
					</ul>
				</div>
			</div>
		

		<div class="switch-area">
			<div class="switch-wrap">
				<section class="switch-part switch-part1">
					<nav class="header-menu">
						<ul>
						
							<li><a href="/blog/">Home</a></li>
				        
							<li><a href="/blog/archives">Archives</a></li>
				        
						</ul>
					</nav>
					<nav class="header-nav">
						<div class="social">
							
						</div>
					</nav>
				</section>
				
				
				<section class="switch-part switch-part2">
					<div class="widget tagcloud" id="js-tagcloud">
						
					</div>
				</section>
				
				
				
				<section class="switch-part switch-part3">
					<div id="js-friends">
					
			          <a target="_blank" class="main-nav-link switch-friends-link" href="https://github.com/smackgg/hexo-theme-smackdown">smackdown</a>
			        
			        </div>
				</section>
				

				
			</div>
		</div>
	</header>				
</div>
    </div>
    <div class="mid-col">
      <nav id="mobile-nav">
  	<div class="overlay">
  		<div class="slider-trigger"></div>
  		<h1 class="header-author js-mobile-header hide">Eetal</h1>
  	</div>
	<div class="intrude-less">
		<header id="header" class="inner">
			<div class="profilepic">
				<img lazy-src="/blog/images/head.jpg" class="js-avatar">
			</div>
			<hgroup>
			  <h1 class="header-author">Eetal</h1>
			</hgroup>
			
			<p class="header-subtitle">java coder</p>
			
			<nav class="header-menu">
				<ul>
				
					<li><a href="/blog/">Home</a></li>
		        
					<li><a href="/blog/archives">Archives</a></li>
		        
		        <div class="clearfix"></div>
				</ul>
			</nav>
			<nav class="header-nav">
				<div class="social">
					
				</div>
			</nav>
		</header>				
	</div>
</nav>
      <div class="body-wrap"><article id="post-python网络爬虫并输出excel" class="article article-type-post" itemscope itemprop="blogPost">
  
    <div class="article-meta">
      <a href="/blog/2018/06/12/python网络爬虫并输出excel/" class="article-date">
  	<time datetime="2018-06-11T23:11:29.928Z" itemprop="datePublished">2018-06-12</time>
</a>
    </div>
  
  <div class="article-inner">
    
      <input type="hidden" class="isFancy" />
    
    
      <header class="article-header">
        
  
    <h1 class="article-title" itemprop="name">
      Python网络爬虫并输出到excel
      
    </h1>
  

      </header>
      
      <div class="article-info article-info-post">
        
        

        
        <div class="clearfix"></div>
      </div>
      
    
    <div class="article-entry" itemprop="articleBody">
      
        <p>欢迎查看Eetal的第五篇博客–Python网络爬虫并输出到excel</p>
<h2 id="Python版本与IDE"><a href="#Python版本与IDE" class="headerlink" title="Python版本与IDE"></a>Python版本与IDE</h2><p>笔者用的是python3.6.5以及PyCharm不得不说，JetBrains做的IDE都很不错，无论是这款PyCharm还是IntelliJ<br>在形参处的名称提示太方便了</p>
<h2 id="网络爬虫"><a href="#网络爬虫" class="headerlink" title="网络爬虫"></a>网络爬虫</h2><p>笔者学java的，本次写这个爬虫纯粹为了交作业<br>学过java的URL类的基本都明白<br>所为爬虫无非就是建立一个与某个网站的连接<br>通过该连接获取输入流，读取网站内容<br>实质上就是一个socket的输入输出操作，根据http状态码以及请求头里的信息，验证是否发送完毕（一般是200），结束连接<br><img src="/blog/images/python/webAnt.jpg" alt="网络爬虫"></p>
<h2 id="urllib模块"><a href="#urllib模块" class="headerlink" title="urllib模块"></a>urllib模块</h2><p>本次使用的爬取类库是python3.6的一个标准库<br>urllib不依赖任何第三方库,无需安装<br>通过以下代码<br><figure class="highlight python"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">req=urllib.request.Request(url,header)</span><br></pre></td></tr></table></figure></p>
<p>可以得到一个HttpRequest对象<br>再通过以下代码，发出该请求并得到一个HttpResponse对象<br><figure class="highlight python"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">res=urllib.request.urlopen(req,context)</span><br></pre></td></tr></table></figure></p>
<p>以上代码中，如果是http:开头的网站header和context都可以省略，则采用默认参数<br>而对于https开头的网站，因为要进行证书验证<br>所以要创建一个带ssl证书的context并传入<br><figure class="highlight python"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">context = ssl._create_unverified_context()</span><br></pre></td></tr></table></figure></p>
<p>通过以下方式创建header来指定模拟爬虫的浏览器信息<br>并在网站支持国际化时指定语言为中文<br><figure class="highlight python"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br></pre></td><td class="code"><pre><span class="line">header = &#123;</span><br><span class="line">    <span class="string">'Accept'</span>: <span class="string">'text/html, application/xhtml+xml, */*'</span>,</span><br><span class="line">    <span class="string">'Accept-Language'</span>: <span class="string">'zh-CN'</span>,</span><br><span class="line">    <span class="string">'User-Agent'</span>: <span class="string">'Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.181 Safari/537.36'</span>,</span><br><span class="line">    <span class="string">'DNT'</span>: <span class="string">'1'</span>,</span><br><span class="line">    <span class="string">'Connection'</span>: <span class="string">'Keep-Alive'</span>,</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure></p>
<p>通过得到的response对象的read方法会返回页面内容的byte数组<br>而我们需要的是字符串<br>所以使用decode方法，对byte数组编码并转换成字符串<br>而网络传输的数据格式是json，所以使用json模块的load方法将得到的数据转换为json对象<br>总结以上几步，我们封装一下爬取资源的方法<br><figure class="highlight python"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><span class="line"><span class="function"><span class="keyword">def</span> <span class="title">getUrlJson</span><span class="params">(inUrl)</span>:</span></span><br><span class="line">    req = urllib.request.Request(url=inUrl, headers=webheader)</span><br><span class="line">    webPage = urllib.request.urlopen(req,context=context)</span><br><span class="line">    data = webPage.read().decode(<span class="string">'utf-8'</span>)</span><br><span class="line">    data = json.loads(data)</span><br><span class="line">    <span class="keyword">return</span> data</span><br></pre></td></tr></table></figure></p>
<p>通过调用该函数<br><figure class="highlight python"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">data = getUrlJson(Url)</span><br></pre></td></tr></table></figure></p>
<p>这样就得到了网页的内容<br>有个bug，有时候爬取一些网站会提示页面中存在0x8b这个值不能编码为utf-8中的字符<br>笔者上网百度了很久，包括在stackOverflow上查看相关问题<br>发现没有真正能解决的，像（注释掉Accept-encode,不注释对压缩giz进行处理，都不能解决）<br>然后在PyCharm中进行运行居然又不报这个错了…<br>也希望知道这个bug解决方法的，联系笔者QQ1183609515，谢谢</p>
<h2 id="爬取的网站"><a href="#爬取的网站" class="headerlink" title="爬取的网站"></a>爬取的网站</h2><p>本次爬取的是选股宝这个股票网站上面所有股票的信息<br>作为一个股票网站，实时更新是必须的，所以肯定是个动态网站<br>选股宝<a href="https://xuangubao.cn/dingpan/" target="_blank" rel="noopener">https://xuangubao.cn/dingpan/</a><br><img src="/blog/images/python/xuangubao.jpg" alt="选股宝数据"><br>爬取下来页面内容后，输出查看<br><figure class="highlight python"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">print(data)</span><br></pre></td></tr></table></figure></p>
<p>结果是这个<br><figure class="highlight html"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br><span class="line">35</span><br><span class="line">36</span><br><span class="line">37</span><br><span class="line">38</span><br><span class="line">39</span><br><span class="line">40</span><br><span class="line">41</span><br><span class="line">42</span><br><span class="line">43</span><br><span class="line">44</span><br><span class="line">45</span><br><span class="line">46</span><br><span class="line">47</span><br><span class="line">48</span><br><span class="line">49</span><br><span class="line">50</span><br><span class="line">51</span><br><span class="line">52</span><br><span class="line">53</span><br><span class="line">54</span><br><span class="line">55</span><br><span class="line">56</span><br><span class="line">57</span><br><span class="line">58</span><br><span class="line">59</span><br><span class="line">60</span><br><span class="line">61</span><br><span class="line">62</span><br><span class="line">63</span><br><span class="line">64</span><br><span class="line">65</span><br><span class="line">66</span><br><span class="line">67</span><br><span class="line">68</span><br><span class="line">69</span><br><span class="line">70</span><br><span class="line">71</span><br><span class="line">72</span><br><span class="line">73</span><br><span class="line">74</span><br><span class="line">75</span><br><span class="line">76</span><br><span class="line">77</span><br><span class="line">78</span><br><span class="line">79</span><br><span class="line">80</span><br><span class="line">81</span><br><span class="line">82</span><br><span class="line">83</span><br><span class="line">84</span><br><span class="line">85</span><br><span class="line">86</span><br><span class="line">87</span><br><span class="line">88</span><br><span class="line">89</span><br><span class="line">90</span><br><span class="line">91</span><br><span class="line">92</span><br><span class="line">93</span><br><span class="line">94</span><br><span class="line">95</span><br><span class="line">96</span><br><span class="line">97</span><br><span class="line">98</span><br><span class="line">99</span><br><span class="line">100</span><br><span class="line">101</span><br><span class="line">102</span><br><span class="line">103</span><br><span class="line">104</span><br><span class="line">105</span><br><span class="line">106</span><br><span class="line">107</span><br><span class="line">108</span><br><span class="line">109</span><br><span class="line">110</span><br><span class="line">111</span><br><span class="line">112</span><br><span class="line">113</span><br><span class="line">114</span><br><span class="line">115</span><br><span class="line">116</span><br><span class="line">117</span><br><span class="line">118</span><br><span class="line">119</span><br><span class="line">120</span><br><span class="line">121</span><br><span class="line">122</span><br><span class="line">123</span><br><span class="line">124</span><br><span class="line">125</span><br><span class="line">126</span><br><span class="line">127</span><br><span class="line">128</span><br><span class="line">129</span><br><span class="line">130</span><br><span class="line">131</span><br><span class="line">132</span><br><span class="line">133</span><br><span class="line">134</span><br><span class="line">135</span><br><span class="line">136</span><br><span class="line">137</span><br><span class="line">138</span><br><span class="line">139</span><br><span class="line">140</span><br><span class="line">141</span><br><span class="line">142</span><br><span class="line">143</span><br><span class="line">144</span><br><span class="line">145</span><br><span class="line">146</span><br><span class="line">147</span><br><span class="line">148</span><br><span class="line">149</span><br><span class="line">150</span><br><span class="line">151</span><br><span class="line">152</span><br><span class="line">153</span><br><span class="line">154</span><br><span class="line">155</span><br><span class="line">156</span><br><span class="line">157</span><br><span class="line">158</span><br><span class="line">159</span><br><span class="line">160</span><br><span class="line">161</span><br><span class="line">162</span><br><span class="line">163</span><br><span class="line">164</span><br><span class="line">165</span><br><span class="line">166</span><br><span class="line">167</span><br><span class="line">168</span><br><span class="line">169</span><br><span class="line">170</span><br><span class="line">171</span><br><span class="line">172</span><br><span class="line">173</span><br><span class="line">174</span><br><span class="line">175</span><br><span class="line">176</span><br><span class="line">177</span><br><span class="line">178</span><br><span class="line">179</span><br><span class="line">180</span><br><span class="line">181</span><br><span class="line">182</span><br><span class="line">183</span><br><span class="line">184</span><br><span class="line">185</span><br><span class="line">186</span><br><span class="line">187</span><br><span class="line">188</span><br><span class="line">189</span><br><span class="line">190</span><br><span class="line">191</span><br><span class="line">192</span><br><span class="line">193</span><br><span class="line">194</span><br><span class="line">195</span><br><span class="line">196</span><br><span class="line">197</span><br><span class="line">198</span><br><span class="line">199</span><br><span class="line">200</span><br><span class="line">201</span><br><span class="line">202</span><br><span class="line">203</span><br><span class="line">204</span><br><span class="line">205</span><br><span class="line">206</span><br><span class="line">207</span><br><span class="line">208</span><br><span class="line">209</span><br><span class="line">210</span><br><span class="line">211</span><br><span class="line">212</span><br><span class="line">213</span><br><span class="line">214</span><br><span class="line">215</span><br><span class="line">216</span><br><span class="line">217</span><br><span class="line">218</span><br><span class="line">219</span><br><span class="line">220</span><br><span class="line">221</span><br><span class="line">222</span><br><span class="line">223</span><br><span class="line">224</span><br><span class="line">225</span><br><span class="line">226</span><br><span class="line">227</span><br><span class="line">228</span><br><span class="line">229</span><br><span class="line">230</span><br><span class="line">231</span><br><span class="line">232</span><br><span class="line">233</span><br><span class="line">234</span><br><span class="line">235</span><br><span class="line">236</span><br><span class="line">237</span><br><span class="line">238</span><br><span class="line">239</span><br><span class="line">240</span><br><span class="line">241</span><br><span class="line">242</span><br><span class="line">243</span><br><span class="line">244</span><br><span class="line">245</span><br><span class="line">246</span><br><span class="line">247</span><br><span class="line">248</span><br><span class="line">249</span><br><span class="line">250</span><br><span class="line">251</span><br><span class="line">252</span><br><span class="line">253</span><br><span class="line">254</span><br><span class="line">255</span><br><span class="line">256</span><br><span class="line">257</span><br><span class="line">258</span><br><span class="line">259</span><br><span class="line">260</span><br><span class="line">261</span><br><span class="line">262</span><br><span class="line">263</span><br><span class="line">264</span><br><span class="line">265</span><br><span class="line">266</span><br><span class="line">267</span><br><span class="line">268</span><br><span class="line">269</span><br><span class="line">270</span><br><span class="line">271</span><br><span class="line">272</span><br><span class="line">273</span><br><span class="line">274</span><br><span class="line">275</span><br><span class="line">276</span><br><span class="line">277</span><br><span class="line">278</span><br><span class="line">279</span><br><span class="line">280</span><br><span class="line">281</span><br><span class="line">282</span><br><span class="line">283</span><br><span class="line">284</span><br><span class="line">285</span><br><span class="line">286</span><br><span class="line">287</span><br><span class="line">288</span><br><span class="line">289</span><br><span class="line">290</span><br><span class="line">291</span><br><span class="line">292</span><br><span class="line">293</span><br><span class="line">294</span><br><span class="line">295</span><br><span class="line">296</span><br><span class="line">297</span><br><span class="line">298</span><br><span class="line">299</span><br><span class="line">300</span><br><span class="line">301</span><br><span class="line">302</span><br><span class="line">303</span><br><span class="line">304</span><br><span class="line">305</span><br><span class="line">306</span><br><span class="line">307</span><br><span class="line">308</span><br><span class="line">309</span><br><span class="line">310</span><br><span class="line">311</span><br><span class="line">312</span><br><span class="line">313</span><br><span class="line">314</span><br><span class="line">315</span><br><span class="line">316</span><br><span class="line">317</span><br><span class="line">318</span><br><span class="line">319</span><br><span class="line">320</span><br><span class="line">321</span><br><span class="line">322</span><br><span class="line">323</span><br><span class="line">324</span><br><span class="line">325</span><br><span class="line">326</span><br><span class="line">327</span><br><span class="line">328</span><br><span class="line">329</span><br><span class="line">330</span><br><span class="line">331</span><br><span class="line">332</span><br><span class="line">333</span><br><span class="line">334</span><br><span class="line">335</span><br><span class="line">336</span><br><span class="line">337</span><br><span class="line">338</span><br><span class="line">339</span><br><span class="line">340</span><br><span class="line">341</span><br><span class="line">342</span><br><span class="line">343</span><br><span class="line">344</span><br><span class="line">345</span><br><span class="line">346</span><br><span class="line">347</span><br><span class="line">348</span><br><span class="line">349</span><br><span class="line">350</span><br><span class="line">351</span><br><span class="line">352</span><br><span class="line">353</span><br><span class="line">354</span><br><span class="line">355</span><br><span class="line">356</span><br><span class="line">357</span><br><span class="line">358</span><br><span class="line">359</span><br><span class="line">360</span><br><span class="line">361</span><br><span class="line">362</span><br><span class="line">363</span><br><span class="line">364</span><br></pre></td><td class="code"><pre><span class="line"><span class="meta">&lt;!doctype html&gt;</span></span><br><span class="line"><span class="tag">&lt;<span class="name">html</span> <span class="attr">data-n-head-ssr</span> <span class="attr">data-n-head</span>=<span class="string">""</span>&gt;</span></span><br><span class="line"> <span class="tag">&lt;<span class="name">head</span>&gt;</span> </span><br><span class="line">  <span class="tag">&lt;<span class="name">meta</span> <span class="attr">data-n-head</span>=<span class="string">"true"</span> <span class="attr">name</span>=<span class="string">"referrer"</span> <span class="attr">content</span>=<span class="string">"always"</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">meta</span> <span class="attr">data-n-head</span>=<span class="string">"true"</span> <span class="attr">name</span>=<span class="string">"renderer"</span> <span class="attr">content</span>=<span class="string">"webkit"</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">meta</span> <span class="attr">data-n-head</span>=<span class="string">"true"</span> <span class="attr">name</span>=<span class="string">"force-rendering"</span> <span class="attr">content</span>=<span class="string">"webkit"</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">meta</span> <span class="attr">data-n-head</span>=<span class="string">"true"</span> <span class="attr">name</span>=<span class="string">"baidu-site-verification"</span> <span class="attr">content</span>=<span class="string">"GFgkG2X61Y"</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">meta</span> <span class="attr">data-n-head</span>=<span class="string">"true"</span> <span class="attr">http-equiv</span>=<span class="string">"X-UA-Compatible"</span> <span class="attr">content</span>=<span class="string">"IE=Edge,chrome=1"</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">meta</span> <span class="attr">data-n-head</span>=<span class="string">"true"</span> <span class="attr">charset</span>=<span class="string">"utf-8"</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">meta</span> <span class="attr">data-n-head</span>=<span class="string">"true"</span> <span class="attr">name</span>=<span class="string">"viewport"</span> <span class="attr">content</span>=<span class="string">"width=device-width, initial-scale=1"</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">meta</span> <span class="attr">data-n-head</span>=<span class="string">"true"</span> <span class="attr">data-hid</span>=<span class="string">"description"</span> <span class="attr">name</span>=<span class="string">"description"</span> <span class="attr">content</span>=<span class="string">"选股宝，一款主打“主题投资”的A股资讯神器，每日根据用户个性化关注主题，推送最新、最快、最狠的消息，帮助第一时间抓住机会。"</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">meta</span> <span class="attr">data-n-head</span>=<span class="string">"true"</span> <span class="attr">data-hid</span>=<span class="string">"keywords"</span> <span class="attr">name</span>=<span class="string">"keywords"</span> <span class="attr">content</span>=<span class="string">"选股宝,xuangubao.cn,主题投资,资讯,股票,板块,题材,产业链,主题库,今日机会,中长线机会,近期风口,提前埋伏"</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">title</span> <span class="attr">data-n-head</span>=<span class="string">"true"</span>&gt;</span>选题材抓龙头，就用选股宝 xuangubao.cn<span class="tag">&lt;/<span class="name">title</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">link</span> <span class="attr">data-n-head</span>=<span class="string">"true"</span> <span class="attr">rel</span>=<span class="string">"icon"</span> <span class="attr">type</span>=<span class="string">"image/x-icon"</span> <span class="attr">href</span>=<span class="string">"/img/favicon.ico"</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">link</span> <span class="attr">data-n-head</span>=<span class="string">"true"</span> <span class="attr">rel</span>=<span class="string">"stylesheet"</span> <span class="attr">type</span>=<span class="string">"text/css"</span> <span class="attr">href</span>=<span class="string">"//at.alicdn.com/t/font_117096_dawtptwmkjawnrk9.css"</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">link</span> <span class="attr">data-n-head</span>=<span class="string">"true"</span> <span class="attr">rel</span>=<span class="string">"stylesheet"</span> <span class="attr">type</span>=<span class="string">"text/css"</span> <span class="attr">href</span>=<span class="string">"//cdn.bootcss.com/minireset.css/0.0.2/minireset.min.css"</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">script</span> <span class="attr">data-n-head</span>=<span class="string">"true"</span> <span class="attr">src</span>=<span class="string">"/js/qrcode.js"</span>&gt;</span><span class="undefined"></span><span class="tag">&lt;/<span class="name">script</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">script</span> <span class="attr">data-n-head</span>=<span class="string">"true"</span> <span class="attr">src</span>=<span class="string">"https://polyfillservice.wallstreetcn.com/v2/polyfill.js?features=default,es6,es7,fetch&amp;amp;unknown=polyfill&amp;amp;flags=gated"</span>&gt;</span><span class="undefined"></span><span class="tag">&lt;/<span class="name">script</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">link</span> <span class="attr">rel</span>=<span class="string">"preload"</span> <span class="attr">href</span>=<span class="string">"https://static-alpha.wallstreetcn.com/clay/manifest.1f6b2202e79ed3bc8f71.js"</span> <span class="attr">as</span>=<span class="string">"script"</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">link</span> <span class="attr">rel</span>=<span class="string">"preload"</span> <span class="attr">href</span>=<span class="string">"https://static-alpha.wallstreetcn.com/clay/vendor.787b748b2aa791af3419.js"</span> <span class="attr">as</span>=<span class="string">"script"</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">link</span> <span class="attr">rel</span>=<span class="string">"preload"</span> <span class="attr">href</span>=<span class="string">"https://static-alpha.wallstreetcn.com/clay/app.a93c21ff1869eac54397.js"</span> <span class="attr">as</span>=<span class="string">"script"</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">link</span> <span class="attr">rel</span>=<span class="string">"preload"</span> <span class="attr">href</span>=<span class="string">"https://static-alpha.wallstreetcn.com/clay/app.a22dace7c29e562d6288b8728abc210f.css"</span> <span class="attr">as</span>=<span class="string">"style"</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">link</span> <span class="attr">rel</span>=<span class="string">"preload"</span> <span class="attr">href</span>=<span class="string">"https://static-alpha.wallstreetcn.com/clay/layouts/default.c8fc2ca668da67a5522f.js"</span> <span class="attr">as</span>=<span class="string">"script"</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">link</span> <span class="attr">rel</span>=<span class="string">"preload"</span> <span class="attr">href</span>=<span class="string">"https://static-alpha.wallstreetcn.com/clay/pages/dingpan/_id.a8362de5e835a04f692c.js"</span> <span class="attr">as</span>=<span class="string">"script"</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">link</span> <span class="attr">rel</span>=<span class="string">"prefetch"</span> <span class="attr">href</span>=<span class="string">"https://static-alpha.wallstreetcn.com/clay/pages/vip.cad641367f2be08dc49c.js"</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">link</span> <span class="attr">rel</span>=<span class="string">"prefetch"</span> <span class="attr">href</span>=<span class="string">"https://static-alpha.wallstreetcn.com/clay/pages/theme/_id.c2cc1b6f07508499d2a7.js"</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">link</span> <span class="attr">rel</span>=<span class="string">"prefetch"</span> <span class="attr">href</span>=<span class="string">"https://static-alpha.wallstreetcn.com/clay/pages/index.416454fc7d221d35ea69.js"</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">link</span> <span class="attr">rel</span>=<span class="string">"prefetch"</span> <span class="attr">href</span>=<span class="string">"https://static-alpha.wallstreetcn.com/clay/pages/zhangjiazaozhidao.66e109fd0a57268089a9.js"</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">link</span> <span class="attr">rel</span>=<span class="string">"prefetch"</span> <span class="attr">href</span>=<span class="string">"https://static-alpha.wallstreetcn.com/clay/pages/zaozhidao.fdf4f05456e0643e0f7d.js"</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">link</span> <span class="attr">rel</span>=<span class="string">"prefetch"</span> <span class="attr">href</span>=<span class="string">"https://static-alpha.wallstreetcn.com/clay/pages/tuoshuiyanbao.535cdaa72fdb33b1618c.js"</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">link</span> <span class="attr">rel</span>=<span class="string">"prefetch"</span> <span class="attr">href</span>=<span class="string">"https://static-alpha.wallstreetcn.com/clay/pages/tuoshuidiaoyan.914a90c524077a21b5c5.js"</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">link</span> <span class="attr">rel</span>=<span class="string">"prefetch"</span> <span class="attr">href</span>=<span class="string">"https://static-alpha.wallstreetcn.com/clay/pages/panzhongtufa.9b33803561c97b306e26.js"</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">link</span> <span class="attr">rel</span>=<span class="string">"prefetch"</span> <span class="attr">href</span>=<span class="string">"https://static-alpha.wallstreetcn.com/clay/pages/article/_id.3e1f7cf3ed25784ab36f.js"</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">link</span> <span class="attr">rel</span>=<span class="string">"prefetch"</span> <span class="attr">href</span>=<span class="string">"https://static-alpha.wallstreetcn.com/clay/pages/premium-article/_id.1d8c500639f65de2abc7.js"</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">link</span> <span class="attr">rel</span>=<span class="string">"prefetch"</span> <span class="attr">href</span>=<span class="string">"https://static-alpha.wallstreetcn.com/clay/pages/zhutiku.091e3e4f763c772dc931.js"</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">link</span> <span class="attr">rel</span>=<span class="string">"prefetch"</span> <span class="attr">href</span>=<span class="string">"https://static-alpha.wallstreetcn.com/clay/pages/purchased-message.362581f93699b6157764.js"</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">link</span> <span class="attr">rel</span>=<span class="string">"prefetch"</span> <span class="attr">href</span>=<span class="string">"https://static-alpha.wallstreetcn.com/clay/pages/subject/bkj/_id.cdc6888d383a44cb4697.js"</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">link</span> <span class="attr">rel</span>=<span class="string">"prefetch"</span> <span class="attr">href</span>=<span class="string">"https://static-alpha.wallstreetcn.com/clay/pages/yuanchuang.ecbabd7749a1994c6d4e.js"</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">link</span> <span class="attr">rel</span>=<span class="string">"prefetch"</span> <span class="attr">href</span>=<span class="string">"https://static-alpha.wallstreetcn.com/clay/pages/subject/_id.c5309899dee6e0d161e7.js"</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">link</span> <span class="attr">rel</span>=<span class="string">"prefetch"</span> <span class="attr">href</span>=<span class="string">"https://static-alpha.wallstreetcn.com/clay/pages/stock/_symbol.d82369e79268ab7033fb.js"</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">link</span> <span class="attr">rel</span>=<span class="string">"prefetch"</span> <span class="attr">href</span>=<span class="string">"https://static-alpha.wallstreetcn.com/clay/pages/chart.9d43c34c1e20b7540958.js"</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">link</span> <span class="attr">rel</span>=<span class="string">"prefetch"</span> <span class="attr">href</span>=<span class="string">"https://static-alpha.wallstreetcn.com/clay/pages/agreement.cbb1a7e2159afe928317.js"</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">link</span> <span class="attr">rel</span>=<span class="string">"prefetch"</span> <span class="attr">href</span>=<span class="string">"https://static-alpha.wallstreetcn.com/clay/pages/confirm-logout.2681979448cddb9bbea4.js"</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">link</span> <span class="attr">rel</span>=<span class="string">"prefetch"</span> <span class="attr">href</span>=<span class="string">"https://static-alpha.wallstreetcn.com/clay/layouts/empty.3e708aa6c28c9df56ec8.js"</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">link</span> <span class="attr">rel</span>=<span class="string">"prefetch"</span> <span class="attr">href</span>=<span class="string">"https://static-alpha.wallstreetcn.com/clay/pages/zhuti/_id.580075df75bf6c81393a.js"</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">link</span> <span class="attr">rel</span>=<span class="string">"prefetch"</span> <span class="attr">href</span>=<span class="string">"https://static-alpha.wallstreetcn.com/clay/pages/ban/index.469b59d541cc54816be8.js"</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">link</span> <span class="attr">rel</span>=<span class="string">"prefetch"</span> <span class="attr">href</span>=<span class="string">"https://static-alpha.wallstreetcn.com/clay/pages/ban/_id.7ea69e8444dc15b61cb5.js"</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">link</span> <span class="attr">rel</span>=<span class="string">"stylesheet"</span> <span class="attr">href</span>=<span class="string">"https://static-alpha.wallstreetcn.com/clay/app.a22dace7c29e562d6288b8728abc210f.css"</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">style</span> <span class="attr">data-vue-ssr-id</span>=<span class="string">"0780e740:0"</span>&gt;</span><span class="undefined">.nav[data-v-789bdac6]&#123;min-width:1200px;height:56px;line-height:56px;-webkit-box-shadow:0 2px 3px hsla(0,0%,4%,.1);box-shadow:0 2px 3px hsla(0,0%,4%,.1);background-color:#30333f;color:#fff&#125;.nav .container[data-v-789bdac6]&#123;width:1300px;margin:0 auto&#125;.nav .nav-left[data-v-789bdac6]&#123;float:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center&#125;.nav .nav-right[data-v-789bdac6]&#123;float:right&#125;.nav .nav-right .nav-item[data-v-789bdac6]&#123;color:#fff&#125;.nav .nav-right .go-login[data-v-789bdac6],.nav .nav-right .log-out[data-v-789bdac6]&#123;cursor:pointer&#125;.nav .nav-item[data-v-789bdac6]&#123;position:relative;color:#d8d8d8;height:56px;line-height:56px;margin-right:40px;-webkit-transition:.3s;transition:.3s&#125;.nav .nav-item[data-v-789bdac6]:hover&#123;color:#fff&#125;.nav .nav-item.is-active-route[data-v-789bdac6]&#123;border-bottom:3px solid #e6394d;pointer-events:none;color:#fff&#125;.nav .nav-item .is-hot[data-v-789bdac6]&#123;width:25px&#125;.nav .logo[data-v-789bdac6]&#123;margin-right:81px&#125;.nav .logo img[data-v-789bdac6]&#123;width:108px;height:26px&#125;.nav .slogan[data-v-789bdac6]&#123;display:inline-block;text-indent:-9999px;width:0&#125;@media screen and (max-width:1366px)&#123;.nav .container[data-v-789bdac6]&#123;width:1200px&#125;&#125;</span><span class="tag">&lt;/<span class="name">style</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">style</span> <span class="attr">data-vue-ssr-id</span>=<span class="string">"17042f68:0"</span>&gt;</span><span class="undefined">.nav-item[data-v-0a76a5aa]&#123;cursor:pointer;margin:0 0 0 -13px!important;padding:0 40px 0 13px&#125;.nav-item img[data-v-0a76a5aa]&#123;vertical-align:middle;margin-top:-2px;margin-left:2px&#125;.nav-dropdown[data-v-0a76a5aa]&#123;display:none;position:absolute;top:56px;left:0;background-color:#fff;-webkit-box-shadow:0 0 12px 0 rgba(0,0,0,.3);box-shadow:0 0 12px 0 rgba(0,0,0,.3);z-index:1000&#125;.nav-dropdown.is-active[data-v-0a76a5aa]&#123;display:block&#125;.nav-dropdown[data-v-0a76a5aa]:before&#123;content:"";position:absolute;top:-10px;left:20px;border:5px solid #fff;border-color:transparent;border-bottom-color:#fff&#125;.nav-dropdown li[data-v-0a76a5aa]&#123;width:160px;height:48px;line-height:48px&#125;.nav-dropdown li a[data-v-0a76a5aa]&#123;display:block;padding-left:16px;color:#666&#125;.nav-dropdown li:hover a[data-v-0a76a5aa]&#123;color:#333;background-color:#f5f5f5&#125;</span><span class="tag">&lt;/<span class="name">style</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">style</span> <span class="attr">data-vue-ssr-id</span>=<span class="string">"18e89e59:0"</span>&gt;</span><span class="undefined">.ban[data-v-34069733]&#123;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-width:1280px;background:#292c33;min-height:100vh&#125;.ban-main[data-v-34069733]&#123;display:block;width:75%;min-width:1000px&#125;.ban.simple .ban-main[data-v-34069733]&#123;width:100%&#125;.ban-chart-out[data-v-34069733]&#123;width:100%;position:relative;background:#292c33;z-index:20&#125;</span><span class="tag">&lt;/<span class="name">style</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">style</span> <span class="attr">data-vue-ssr-id</span>=<span class="string">"2b055f8b:0"</span>&gt;</span><span class="undefined">.ban.normal .ban-table-tab.fixed,.ban.normal .hit-pool__table.table.fixed&#123;max-width:auto;width:75%&#125;.ban.simple .ban-chart,.ban.simple .ban-chart-out&#123;width:1200px;margin:0 auto&#125;.ban.simple .ban-table-tab&#123;width:100%&#125;.ban.simple .ban-table-tab .ban-table-tab-container&#123;width:1200px;margin:0 auto;position:relative&#125;.ban.simple .hit-pool__table.table.fixed&#123;left:50%;margin-left:-600px&#125;.ban.simple .ban-table-main&#123;width:1200px;margin:0 auto;position:relative&#125;@media screen and (max-width:1280px)&#123;.ban.simple&#123;min-width:1000px&#125;.ban.simple .ban-chart&#123;width:1000px;margin:0 auto&#125;.ban.simple .ban-table-tab&#123;width:100%&#125;.ban.simple .ban-table-tab .ban-table-tab-container&#123;width:1000px;margin:0 auto;position:relative&#125;.ban.simple .hit-pool__table.table.fixed&#123;left:50%;margin-left:-500px&#125;.ban.simple .ban-table-main&#123;width:1000px;margin:0 auto;position:relative&#125;.ban.simple .ban-chart-out&#123;width:1000px;margin:0 auto&#125;&#125;.guide&#123;position:fixed;top:0;bottom:0;left:0;right:0;z-index:9999;background:#262c32;overflow:scroll&#125;.guide-container&#123;width:900px;margin:0 auto;padding:60px 0 0&#125;.guide-container-logo&#123;position:relative;margin-bottom:20px&#125;.guide-container-desc&#123;font-size:16px;color:#fff;letter-spacing:0;line-height:24px;margin-top:20px&#125;.guide .guide-video&#123;margin:32px 0&#125;.guide-start&#123;bottom:0;height:100px;position:fixed;left:0;background:#2d303b;right:0;padding-top:20px;-webkit-box-shadow:0 0 12px 0 rgba(0,0,0,.15);box-shadow:0 0 12px 0 rgba(0,0,0,.15)&#125;.guide-start-btn&#123;opacity:.8;background:#e6394d;-webkit-box-shadow:0 0 16px 0 rgba(0,0,0,.3);box-shadow:0 0 16px 0 rgba(0,0,0,.3);color:#fff;font-size:16px;line-height:48px;text-align:center;margin:0 auto;cursor:pointer;width:240px;height:48px&#125;.guide .video-js .vjs-big-play-button&#123;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)&#125;.guide .vjs-custom-skin&#123;margin:32px 0&#125;</span><span class="tag">&lt;/<span class="name">style</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">style</span> <span class="attr">data-vue-ssr-id</span>=<span class="string">"52e02d56:0"</span>&gt;</span><span class="undefined">.ban-chart[data-v-563fd61e]&#123;display:-webkit-box;display:-ms-flexbox;display:flex;max-width:1200px;margin:0 auto;position:relative;height:96px;-ms-flex-pack:distribute;justify-content:space-around;padding-left:80px&#125;.ban-chart-date[data-v-563fd61e]&#123;width:64px;height:82px;margin-top:12px;background-color:#3f4352;position:absolute;left:15px;display:block;z-index:2;cursor:pointer&#125;.ban-chart-date .ivu-date-picker[data-v-563fd61e]&#123;position:relative;width:100%&#125;.ban-chart-date .ivu-date-picker .ivu-select-dropdown[data-v-563fd61e]&#123;border-radius:0&#125;.ban-chart-date[data-v-563fd61e]:before&#123;content:"";display:block;position:absolute;top:0;right:0;left:0;height:2px;background:#f2564e&#125;.ban-chart-date[data-v-563fd61e]:after&#123;content:"";display:block;position:absolute;bottom:0;right:0;left:0;height:10px;background:#292c33&#125;.ban-chart-date-container[data-v-563fd61e]&#123;padding-bottom:15px&#125;.ban-chart-date-month-week[data-v-563fd61e]&#123;color:#bcbcbc;font-size:12px;padding-top:6px;text-align:center&#125;.ban-chart-date-day[data-v-563fd61e]&#123;color:#fff;font-size:36px;line-height:36px;text-align:center;display:block;position:relative&#125;.ban-chart-date-day[data-v-563fd61e]:before&#123;content:"";display:block;position:absolute;bottom:-5px;left:27px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #636a7f&#125;</span><span class="tag">&lt;/<span class="name">style</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">style</span> <span class="attr">data-vue-ssr-id</span>=<span class="string">"492747dc:0"</span>&gt;</span><span class="undefined">.ban-chart-date&#123;font-family:Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Heiti SC,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif&#125;.ban-chart-date .ivu-date-picker .ivu-select-dropdown&#123;border-radius:0&#125;.ban-chart-date .ivu-date-picker .ivu-date-picker-header&#123;background:#3e4352;border:none;color:#fff&#125;.ban-chart-date .ivu-date-picker .ivu-date-picker-header .ivu-date-picker-next-btn-arrow-double,.ban-chart-date .ivu-date-picker .ivu-date-picker-header .ivu-date-picker-prev-btn-arrow-double&#123;display:none&#125;.ban-chart-date .ivu-date-picker .ivu-picker-panel-body:before&#123;content:"";display:block;position:absolute;top:-6px;left:27px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #636a7f&#125;.ban-chart-date .ivu-date-picker .ivu-picker-panel-content&#123;background:#3e4352;padding:5px;position:relative&#125;.ban-chart-date .ivu-date-picker .ivu-picker-panel-content:before&#123;content:"";display:block;top:0;left:0;right:0;height:39px;position:absolute;background:#363a47&#125;.ban-chart-date .ivu-date-picker .ivu-picker-panel-content .ivu-date-picker-cells&#123;margin:0&#125;.ban-chart-date .ivu-date-picker .ivu-picker-panel-content .ivu-date-picker-cells-header&#123;background:#363a47;padding:3px 0;font-size:14px;position:relative&#125;.ban-chart-date .ivu-date-picker .ivu-picker-panel-content .ivu-date-picker-cells-header span&#123;color:#e6e6e6&#125;.ban-chart-date .ivu-date-picker .ivu-picker-panel-content .ivu-date-picker-cells-cell&#123;font-size:14px&#125;.ban-chart-date .ivu-date-picker .ivu-picker-panel-content .ivu-date-picker-cells-cell em&#123;color:#e6e6e6;border-radius:0&#125;.ban-chart-date .ivu-date-picker .ivu-picker-panel-content .ivu-date-picker-cells-cell-next-month&#123;display:none&#125;.ban-chart-date .ivu-date-picker .ivu-picker-panel-content .ivu-date-picker-cells-cell-prev-month em&#123;color:#3e4352&#125;.ban-chart-date .ivu-date-picker .ivu-picker-panel-content .ivu-date-picker-cells-cell-selected em&#123;color:#e6e6e6;position:relative;background:transparent&#125;.ban-chart-date .ivu-date-picker .ivu-picker-panel-content .ivu-date-picker-cells-cell-selected em:before&#123;content:"";display:block;bottom:0;left:3px;right:3px;height:2px;position:absolute;background:#f2564e&#125;.ban-chart-date .ivu-date-picker .ivu-picker-panel-content .ivu-date-picker-cells-cell-today em&#123;color:#e6e6e6;position:relative;background:transparent&#125;.ban-chart-date .ivu-date-picker .ivu-picker-panel-content .ivu-date-picker-cells-cell-today em:after&#123;content:"";display:none&#125;.ban-chart-date .ivu-date-picker .ivu-picker-panel-content .ivu-date-picker-cells-cell:hover em&#123;background:transparent;position:relative&#125;.ban-chart-date .ivu-date-picker .ivu-picker-panel-content .ivu-date-picker-cells-cell:hover em:before&#123;content:"";display:block;bottom:0;left:3px;right:3px;height:2px;position:absolute;background:#bcbcbc&#125;.ban-chart-date .ivu-date-picker .ivu-picker-panel-content .ivu-date-picker-cells-cell-disabled&#123;background:#3e4352&#125;.ban-chart-date .ivu-date-picker .ivu-picker-panel-content .ivu-date-picker-cells-cell-disabled em&#123;color:#666&#125;.ban-chart-date .ivu-date-picker .ivu-picker-panel-content .ivu-date-picker-cells-cell-disabled:hover em:after&#123;display:none&#125;</span><span class="tag">&lt;/<span class="name">style</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">style</span> <span class="attr">data-vue-ssr-id</span>=<span class="string">"0b57cc23:0"</span>&gt;</span><span class="undefined">.hit-pool-container[data-v-2209365c]&#123;position:relative&#125;.hit-pool-container .hit-pool-title[data-v-2209365c]&#123;position:absolute;left:0;top:0&#125;.hit-pool-container #fluctuation-c-label[data-v-2209365c]&#123;position:absolute;right:20px;top:22px;color:#fff;font-size:10px&#125;.hit-pool-container #fluctuation-c-label&gt;p[data-v-2209365c]&#123;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;text-align:right;font-size:10px;line-height:25px&#125;.hit-pool-container #fluctuation-title[data-v-2209365c]&#123;position:absolute;top:5px;left:0;color:#fff;font-size:14px&#125;.hit-pool-container #fluctuation-title-number[data-v-2209365c]&#123;margin-left:5px;font-size:12px&#125;</span><span class="tag">&lt;/<span class="name">style</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">style</span> <span class="attr">data-vue-ssr-id</span>=<span class="string">"7583bca5:0"</span>&gt;</span><span class="undefined">.hit-pool-container[data-v-3bde4c92]&#123;position:relative&#125;.hit-pool-container .hit-pool-title[data-v-3bde4c92]&#123;position:absolute;left:0;top:0&#125;.hit-pool-container #limit-title[data-v-3bde4c92]&#123;position:absolute;top:5px;left:0;color:#fff;font-size:14px&#125;.hit-pool-container #limit-title-number[data-v-3bde4c92]&#123;margin-left:5px;font-size:12px&#125;.hit-pool-container #limit-label[data-v-3bde4c92]&#123;position:absolute;right:20px;top:22px;color:#fff;font-size:10px&#125;.hit-pool-container #limit-label&gt;p[data-v-3bde4c92]&#123;-webkit-text-size-adjust:none;text-align:right;font-size:10px;line-height:25px&#125;</span><span class="tag">&lt;/<span class="name">style</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">style</span> <span class="attr">data-vue-ssr-id</span>=<span class="string">"10c98ab8:0"</span>&gt;</span><span class="undefined">.hit-pool-container[data-v-b41f1032]&#123;position:relative&#125;.hit-pool-container .hit-pool-title[data-v-b41f1032]&#123;position:absolute;left:0;top:0&#125;.hit-pool-container #behavior_kline-label[data-v-b41f1032]&#123;position:absolute;right:8px;top:22px;color:#fff;font-size:10px&#125;.hit-pool-container #behavior_kline-label&gt;p[data-v-b41f1032]&#123;-webkit-text-size-adjust:none;text-align:right;font-size:10px;line-height:25px&#125;.hit-pool-container #behavior_kline-title[data-v-b41f1032]&#123;position:absolute;top:5px;left:0;color:#fff;font-size:14px&#125;.hit-pool-container #behavior_kline-title-number[data-v-b41f1032]&#123;margin-left:5px;font-size:12px&#125;</span><span class="tag">&lt;/<span class="name">style</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">style</span> <span class="attr">data-vue-ssr-id</span>=<span class="string">"52a1965f:0"</span>&gt;</span><span class="undefined">.hit-pool-container[data-v-dc69ee62]&#123;position:relative&#125;.hit-pool-container .hit-pool-title[data-v-dc69ee62]&#123;position:absolute;left:0;top:0&#125;.hit-pool-container #raise_incompleted_kline-title[data-v-dc69ee62]&#123;position:absolute;top:5px;left:0;color:#fff;font-size:14px&#125;.hit-pool-container #raise_incompleted_kline-title-number[data-v-dc69ee62]&#123;margin-left:5px;font-size:12px&#125;.hit-pool-container #raise_incompleted_kline-label[data-v-dc69ee62]&#123;position:absolute;right:20px;top:22px;color:#fff;font-size:10px&#125;.hit-pool-container #raise_incompleted_kline-label&gt;p[data-v-dc69ee62]&#123;-webkit-text-size-adjust:none;text-align:right;font-size:10px;line-height:25px&#125;</span><span class="tag">&lt;/<span class="name">style</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">style</span> <span class="attr">data-vue-ssr-id</span>=<span class="string">"fe751746:0"</span>&gt;</span><span class="undefined">.xgb-tools[data-v-c9b800e2]&#123;position:fixed;right:40px;bottom:80px;cursor:pointer;-webkit-transition:.3s;transition:.3s&#125;.tools-box[data-v-c9b800e2]&#123;position:relative;width:28px;height:28px;line-height:28px;margin:0 auto 12px;text-align:center;border-radius:2px;background-color:#353a47;opacity:.8;-webkit-transition:.3s;transition:.3s&#125;.tools-box[data-v-c9b800e2]:hover&#123;opacity:1&#125;.tools-box i[data-v-c9b800e2]&#123;font-size:18px;color:#fff&#125;.tools-appQrcode-image[data-v-c9b800e2]&#123;visibility:hidden;position:fixed;bottom:120px;right:80px;width:100px;height:100px&#125;.tools-wechatQrcode-image[data-v-c9b800e2]&#123;visibility:hidden;position:fixed;bottom:80px;right:80px;width:100px;height:100px&#125;.tools-box:hover .hint-text[data-v-c9b800e2],.tools-box:hover .tools-appQrcode-image[data-v-c9b800e2],.tools-box:hover .tools-wechatQrcode-image[data-v-c9b800e2]&#123;visibility:visible&#125;.hint-text[data-v-c9b800e2]&#123;position:absolute;top:0;right:-30px;width:28px;height:28px;font-size:14px;line-height:1.1;visibility:hidden;text-align:left&#125;@media screen and (max-width:1360px)&#123;.tools-box[data-v-c9b800e2]&#123;opacity:.5&#125;&#125;</span><span class="tag">&lt;/<span class="name">style</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">style</span> <span class="attr">data-vue-ssr-id</span>=<span class="string">"6ee28bc2:0"</span>&gt;</span><span class="undefined">.footer[data-v-04d5e15a]&#123;min-width:1200px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:80px;margin-top:60px;background:#353a47;color:#fff;font-size:10px;text-align:center&#125;.footer .beian[data-v-04d5e15a]&#123;color:#fff&#125;.footer .gongan[data-v-04d5e15a]&#123;width:14px;margin-right:3px&#125;.footer .work-time[data-v-04d5e15a]&#123;margin-left:15px&#125;.footer .friend-link-container[data-v-04d5e15a]&#123;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:12px;color:#7a8399;letter-spacing:0;line-height:20px&#125;.footer .friend-link[data-v-04d5e15a]&#123;margin-left:3px;font-size:12px;color:#7a8399;letter-spacing:0;line-height:20px&#125;.footer .line-divider[data-v-04d5e15a]&#123;display:block;height:9px;width:1px;background-color:#7a8399;margin-left:6px;margin-right:6px;margin-bottom:1px&#125;</span><span class="tag">&lt;/<span class="name">style</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">style</span> <span class="attr">data-vue-ssr-id</span>=<span class="string">"78cb6622:0"</span>&gt;</span><span class="undefined">.go-login[data-v-10973acc],.log-out[data-v-10973acc]&#123;color:#fff;cursor:pointer&#125;.nickname[data-v-10973acc]&#123;color:#fff&#125;.login-modal[data-v-10973acc],.reset-modal[data-v-10973acc],.success-modal[data-v-10973acc]&#123;z-index:200&#125;.modal-background[data-v-10973acc]&#123;background-color:hsla(0,0%,4%,.4)&#125;.success-modal .modal-content[data-v-10973acc]&#123;width:440px;margin:0 20px;overflow:hidden&#125;.success-modal .modal-content .success-close[data-v-10973acc]&#123;position:absolute;z-index:100;top:10px;right:10px&#125;.success-modal .modal-content .success-close[data-v-10973acc]:before&#123;background:#d8d8d8;width:80%&#125;.success-modal .modal-content .success-close[data-v-10973acc]:after&#123;background:#d8d8d8;height:80%&#125;.success-modal .modal-content .success-close[data-v-10973acc]:focus,.success-modal .modal-content .success-close[data-v-10973acc]:hover&#123;background-color:#fff&#125;.success-modal .modal-content .success-close[data-v-10973acc]:focus:before,.success-modal .modal-content .success-close[data-v-10973acc]:hover:before&#123;background:#e6394d;width:80%&#125;.success-modal .modal-content .success-close[data-v-10973acc]:focus:after,.success-modal .modal-content .success-close[data-v-10973acc]:hover:after&#123;background:#e6394d;height:80%&#125;.alert-modal .modal-card-head[data-v-10973acc]&#123;text-align:center;padding:15px 20px&#125;.alert-modal .modal-card-head .modal-card-title[data-v-10973acc]&#123;font-size:16px;position:relative;left:8px&#125;.alert-modal .alert-modal-info[data-v-10973acc]&#123;text-align:center;font-size:20px&#125;.alert-modal .modal-card[data-v-10973acc]&#123;width:300px&#125;.register[data-v-10973acc]&#123;display:block;width:440px;position:relative;left:0;height:608px;background:#fff&#125;.register-title[data-v-10973acc]&#123;display:block;height:168px;position:relative;background:url("/img/login-bg.png");background-size:cover&#125;.register-title-tab[data-v-10973acc]&#123;display:-webkit-box;display:-ms-flexbox;display:flex;height:34px;width:440px;position:absolute;left:0;bottom:0&#125;.register-title-tab label[data-v-10973acc]&#123;height:34px;width:50%;display:block;color:#d8d8d8;cursor:pointer;text-align:center;font-size:18px;letter-spacing:.82px;line-height:18px&#125;.register-title-tab label&gt;span[data-v-10973acc]&#123;display:inline-block;height:100%;border:none&#125;.register-title-tab label.selecetd[data-v-10973acc]&#123;height:34px;width:50%;cursor:pointer;color:#fff;text-align:center&#125;.register-title-tab label.selecetd&gt;span[data-v-10973acc]&#123;display:inline-block;height:100%;border-bottom:3px solid #e6394d&#125;.register-body[data-v-10973acc]&#123;width:880px;display:-webkit-box;display:-ms-flexbox;display:flex&#125;.register-body .register-body-log[data-v-10973acc],.register-body .register-body-reg[data-v-10973acc]&#123;display:inline-block;width:440px;padding-top:40px;height:440px&#125;.register-body .register-phone-input-err[data-v-10973acc]&#123;display:block;padding-left:70px;height:30px;line-height:30px;font-size:12px;position:relative;color:#e6394d&#125;.register-body .register-phone-input-err&gt;.iconfont[data-v-10973acc]&#123;margin-right:4px;position:relative;top:2px&#125;.register-body .register-phone-input-err.show[data-v-10973acc]&#123;opacity:1&#125;.register-body .register-vcode-err[data-v-10973acc]&#123;display:block;padding-left:70px;height:30px;line-height:30px;font-size:12px;position:relative;color:#e6394d;width:1px&#125;.register-body .register-vcode-err&gt;.iconfont[data-v-10973acc]&#123;margin-right:4px;position:relative;top:2px&#125;.register-body .register-vcode-err.show[data-v-10973acc]&#123;opacity:1;width:auto&#125;.register-body .register-pwd-err[data-v-10973acc]&#123;display:block;padding-left:70px;height:30px;line-height:30px;font-size:12px;position:relative;color:#e6394d&#125;.register-body .register-pwd-err&gt;.iconfont[data-v-10973acc]&#123;margin-right:4px;position:relative;top:2px&#125;.register-body .register-pwd-err.show[data-v-10973acc]&#123;opacity:1&#125;.register-body .register-item[data-v-10973acc]&#123;display:block;padding-left:40px;position:relative&#125;.register-body .register-item .iconfont[data-v-10973acc]&#123;font-size:24px;position:relative;top:4px;left:-5px&#125;.register-body .register-item .iconfont.icon-pass[data-v-10973acc]&#123;color:green;display:none&#125;.register-body .register-item&gt;input[data-v-10973acc]&#123;font-size:16px;line-height:24px;border:none;outline:none;border-bottom:1px solid #efefef;width:328px;position:relative&#125;.register-body .register-item&gt;input[data-v-10973acc]:focus&#123;border-bottom:1px solid #333&#125;.register-body .register-item.on-error&gt;input[data-v-10973acc]&#123;border-bottom:1px solid #e6394d&#125;.register-body .register-item.validate-pass .icon-pass[data-v-10973acc]&#123;display:inline-block&#125;.register-body .register-item.register-vcode[data-v-10973acc]&#123;margin-top:20px;z-index:2&#125;.register-body .register-item.register-vcode .register-vcode-input[data-v-10973acc]&#123;padding-right:100px&#125;.register-body .register-item.register-vcode .register-setpwd-input[data-v-10973acc]&#123;padding-right:50px&#125;.register-body .register-item.register-vcode .register-vcode-get[data-v-10973acc]&#123;display:block;position:absolute;right:50px;top:8px;font-size:14px;line-height:18px;padding-left:10px;border-left:1px solid #efefef;cursor:pointer&#125;.register-body .register-item.register-vcode .register-vcode-get[disabled=true][data-v-10973acc]&#123;color:#666&#125;.register-body .register-item.register-vcode .register-vcode-image[data-v-10973acc]&#123;display:block;margin:5px 0 5px 160px;border:1px solid #d8d8d8;padding:8px 100px 10px 10px;position:absolute;bottom:-55px;left:0;-webkit-transition:all .3s;transition:all .3s&#125;.register-body .register-item.register-vcode .register-vcode-image&gt;img[data-v-10973acc]&#123;display:block;width:96px;position:absolute;right:0;top:0;cursor:pointer&#125;.register-body .register-item.register-vcode .register-vcode-image[data-v-10973acc]:before&#123;content:"";position:absolute;top:-5px;right:10%;display:block;width:8px;height:8px;border-width:1px 1px 0 0;border-color:#999 #999 transparent transparent;border-style:solid;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);background:#fff;z-index:1&#125;.register-body .register-item.register-vcode .register-vcode-image-input[data-v-10973acc]&#123;font-size:16px;line-height:24px;border:none;border:1px solid #d8d8d8;outline:none;width:120px;position:relative;padding-right:0&#125;.register-body .register-item.register-vcode .register-vcode-image-input[data-v-10973acc]:focus&#123;border:1px solid #353a47&#125;.register-body .register-item.register-vcode .register-vcode-image-input.warning[data-v-10973acc]&#123;border:1px solid #e6394d&#125;.register-body .register-item.register-vcode .register-vcode-image-confirm[data-v-10973acc]&#123;display:inline-block;position:absolute;height:26px;border-radius:10px;text-align:center;font-size:14px;line-height:26px;width:60px;top:8px;color:#fff;right:10px;cursor:pointer;background:gray&#125;.register-body .register-item.register-vcode .register-vcode-image-confirm .active[data-v-10973acc]&#123;background:#e6394d&#125;.register-body .register-item.register-setpwd[data-v-10973acc]&#123;margin-top:20px&#125;.register-body .register-item.register-setpwd .register-setpwd-forget[data-v-10973acc]&#123;display:block;position:absolute;right:50px;top:8px;font-size:14px;line-height:18px;padding-left:10px;cursor:pointer&#125;.register-body .register-item.register-setpwd .register-setpwd-forget .register-pwd-switch[data-v-10973acc]&#123;display:none&#125;.register-body .register-item.register-setpwd .register-setpwd-forget .register-pwd-switch:empty~label[data-v-10973acc]&#123;display:inline-block;position:relative&#125;.register-body .register-item.register-setpwd .register-setpwd-forget .register-pwd-switch:empty~label&gt;i[data-v-10973acc]&#123;opacity:0;cursor:pointer&#125;.register-body .register-item.register-setpwd .register-setpwd-forget .register-pwd-switch:empty~label[data-v-10973acc]:before&#123;content:"\E60D";font-size:24px;font-family:iconfont;position:absolute;left:0;top:0;display:block&#125;.register-body .register-item.register-setpwd .register-setpwd-forget .register-pwd-switch:checked~label[data-v-10973acc]&#123;display:inline-block;position:relative&#125;.register-body .register-item.register-setpwd .register-setpwd-forget .register-pwd-switch:checked~label&gt;i[data-v-10973acc]&#123;opacity:0;cursor:pointer&#125;.register-body .register-item.register-setpwd .register-setpwd-forget .register-pwd-switch:checked~label[data-v-10973acc]:before&#123;content:"\E60C";font-family:iconfont;font-size:24px;position:absolute;left:0;top:0;display:block&#125;.register-body .login-phone-input-err[data-v-10973acc]&#123;display:block;padding-left:70px;height:30px;line-height:30px;font-size:12px;position:relative;color:#e6394d&#125;.register-body .login-phone-input-err&gt;.iconfont[data-v-10973acc]&#123;margin-right:4px;position:relative;top:2px&#125;.register-body .login-phone-input-err.show[data-v-10973acc]&#123;opacity:1&#125;.register-body .login-pwd-err[data-v-10973acc]&#123;display:block;padding-left:70px;height:30px;line-height:30px;font-size:12px;position:relative;color:#e6394d&#125;.register-body .login-pwd-err&gt;.iconfont[data-v-10973acc]&#123;margin-right:4px;position:relative;top:2px&#125;.register-body .login-pwd-err.show[data-v-10973acc]&#123;opacity:1&#125;.register-body .login-item[data-v-10973acc]&#123;display:block;padding-left:40px;position:relative&#125;.register-body .login-item .login-setpwd-input[data-v-10973acc]&#123;padding-right:120px&#125;.register-body .login-item .iconfont[data-v-10973acc]&#123;font-size:24px;position:relative;top:4px;left:-5px&#125;.register-body .login-item .iconfont.icon-pass[data-v-10973acc]&#123;color:green;display:none&#125;.register-body .login-item&gt;input[data-v-10973acc]&#123;font-size:16px;line-height:24px;border:none;outline:none;border-bottom:1px solid #efefef;width:328px;position:relative&#125;.register-body .login-item&gt;input[data-v-10973acc]:focus&#123;border-bottom:1px solid #333&#125;.register-body .login-item.on-error&gt;input[data-v-10973acc]&#123;border-bottom:1px solid #e6394d&#125;.register-body .login-item.validate-pass .icon-pass[data-v-10973acc]&#123;display:inline-block&#125;.register-body .login-item.login-setpwd[data-v-10973acc]&#123;margin-top:20px&#125;.register-body .login-item.login-setpwd .login-setpwd-forget[data-v-10973acc]&#123;display:block;position:absolute;right:50px;top:8px;font-size:14px;line-height:18px;padding-left:10px;cursor:pointer&#125;.register-body .login-item.login-setpwd .login-setpwd-forget .login-pwd-switch[data-v-10973acc]&#123;display:none&#125;.register-body .login-item.login-setpwd .login-setpwd-forget .login-pwd-switch~label[data-v-10973acc]&#123;display:inline-block;position:relative;line-height:24px&#125;.register-body .login-item.login-setpwd .login-setpwd-forget .login-pwd-switch~label&gt;i[data-v-10973acc]&#123;opacity:0;cursor:pointer;margin-right:10px;vertical-align:top&#125;.register-body .login-item.login-setpwd .login-setpwd-forget .login-pwd-switch~label&gt;span[data-v-10973acc]&#123;position:relative&#125;.register-body .login-item.login-setpwd .login-setpwd-forget .login-pwd-switch:empty~label[data-v-10973acc]:before&#123;content:"\E60D";font-family:iconfont;font-size:24px;position:absolute;left:0;top:0;display:block&#125;.register-body .login-item.login-setpwd .login-setpwd-forget .login-pwd-switch:checked~label[data-v-10973acc]:before&#123;content:"\E60C";font-family:iconfont;font-size:24px;position:absolute;left:0;top:0;display:block&#125;.register-body .login-rememberme[data-v-10973acc]&#123;margin-top:30px;padding-left:40px;font-size:12px&#125;.register-body .login-btn[data-v-10973acc]&#123;margin:20px 40px;width:360px;height:48px;background-color:#e6394d;cursor:pointer;text-align:center;color:#fff;line-height:48px;font-size:16px;letter-spacing:12px&#125;.register-body .login-to-register[data-v-10973acc]&#123;text-align:center;color:#666;font-size:14px&#125;.register-body .login-to-register&gt;span[data-v-10973acc]&#123;color:#e6394d;cursor:pointer&#125;.register-body .register-user-rule[data-v-10973acc]&#123;margin-top:30px;padding-left:40px;font-size:12px&#125;.register-body .register-btn[data-v-10973acc]&#123;margin:20px 40px;width:360px;height:48px;background-color:#e6394d;cursor:pointer;text-align:center;color:#fff;line-height:48px;font-size:16px;letter-spacing:12px&#125;.register-body .register-to-login[data-v-10973acc]&#123;text-align:center;color:#666;font-size:14px&#125;.register-body .register-to-login&gt;span[data-v-10973acc]&#123;color:#e6394d;cursor:pointer&#125;.reset[data-v-10973acc]&#123;display:block;width:440px;position:relative;left:0;height:608px;background:#fff&#125;.reset-title[data-v-10973acc]&#123;display:block;height:168px;position:relative;background:url("/img/reset-bg.png");background-size:cover&#125;.reset-title .reset-back[data-v-10973acc]&#123;height:30px;width:30px;position:relative;top:5px;left:5px;cursor:pointer&#125;.reset-title .reset-back&gt;i[data-v-10973acc]&#123;font-size:24px;color:#fff;line-height:30px&#125;.reset-body[data-v-10973acc]&#123;width:440px;display:block;padding-top:40px&#125;.reset-body .reset-phone-input-err[data-v-10973acc]&#123;display:block;padding-left:70px;height:30px;line-height:30px;font-size:12px;position:relative;color:#e6394d&#125;.reset-body .reset-phone-input-err&gt;.iconfont[data-v-10973acc]&#123;margin-right:4px;position:relative;top:2px&#125;.reset-body .reset-phone-input-err.show[data-v-10973acc]&#123;opacity:1&#125;.reset-body .reset-vcode-err[data-v-10973acc]&#123;display:block;padding-left:70px;height:30px;line-height:30px;font-size:12px;position:relative;color:#e6394d&#125;.reset-body .reset-vcode-err&gt;.iconfont[data-v-10973acc]&#123;margin-right:4px;position:relative;top:2px&#125;.reset-body .reset-vcode-err.show[data-v-10973acc]&#123;opacity:1&#125;.reset-body .reset-pwd-err[data-v-10973acc]&#123;display:block;padding-left:70px;height:30px;line-height:30px;font-size:12px;position:relative;color:#e6394d&#125;.reset-body .reset-pwd-err&gt;.iconfont[data-v-10973acc]&#123;margin-right:4px;position:relative;top:2px&#125;.reset-body .reset-pwd-err.show[data-v-10973acc]&#123;opacity:1&#125;.reset-body .reset-item[data-v-10973acc]&#123;display:block;padding-left:40px;position:relative&#125;.reset-body .reset-item .iconfont[data-v-10973acc]&#123;font-size:24px;position:relative;top:4px;left:-5px&#125;.reset-body .reset-item .iconfont.icon-pass[data-v-10973acc]&#123;color:green;display:none&#125;.reset-body .reset-item&gt;input[data-v-10973acc]&#123;font-size:16px;line-height:24px;border:none;outline:none;border-bottom:1px solid #efefef;width:328px;position:relative&#125;.reset-body .reset-item&gt;input[data-v-10973acc]:focus&#123;border-bottom:1px solid #333&#125;.reset-body .reset-item.on-error&gt;input[data-v-10973acc]&#123;border-bottom:1px solid #e6394d&#125;.reset-body .reset-item.validate-pass .icon-pass[data-v-10973acc]&#123;display:inline-block&#125;.reset-body .reset-item.reset-vcode[data-v-10973acc]&#123;margin-top:20px;z-index:2&#125;.reset-body .reset-item.reset-vcode .reset-vcode-input[data-v-10973acc]&#123;padding-right:100px&#125;.reset-body .reset-item.reset-vcode .reset-setpwd-input[data-v-10973acc]&#123;padding-right:50px&#125;.reset-body .reset-item.reset-vcode .reset-vcode-get[data-v-10973acc]&#123;display:block;position:absolute;right:50px;top:8px;font-size:14px;line-height:18px;padding-left:10px;border-left:1px solid #efefef;cursor:pointer&#125;.reset-body .reset-item.reset-vcode .reset-vcode-image[data-v-10973acc]&#123;display:block;margin:5px 0 5px 160px;border:1px solid #d8d8d8;padding:8px 100px 10px 10px;position:absolute;bottom:-55px;left:0;-webkit-transition:all .3s;transition:all .3s&#125;.reset-body .reset-item.reset-vcode .reset-vcode-image&gt;img[data-v-10973acc]&#123;display:block;width:96px;position:absolute;right:0;top:0;cursor:pointer&#125;.reset-body .reset-item.reset-vcode .reset-vcode-image[data-v-10973acc]:before&#123;content:"";position:absolute;top:-5px;right:10%;display:block;width:8px;height:8px;border-width:1px 1px 0 0;border-color:#999 #999 transparent transparent;border-style:solid;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);background:#fff;z-index:1&#125;.reset-body .reset-item.reset-vcode .reset-vcode-image-input[data-v-10973acc]&#123;font-size:16px;line-height:24px;border:none;border:1px solid #d8d8d8;outline:none;width:120px;position:relative;padding-right:0&#125;.reset-body .reset-item.reset-vcode .reset-vcode-image-input[data-v-10973acc]:focus&#123;border:1px solid #353a47&#125;.reset-body .reset-item.reset-vcode .reset-vcode-image-input.warning[data-v-10973acc]&#123;border:1px solid #e6394d&#125;.reset-body .reset-item.reset-vcode .reset-vcode-image-confirm[data-v-10973acc]&#123;display:inline-block;position:absolute;height:26px;border-radius:10px;text-align:center;font-size:14px;line-height:26px;width:60px;top:8px;color:#fff;right:10px;cursor:pointer;background:gray&#125;.reset-body .reset-item.reset-vcode .reset-vcode-image-confirm .active[data-v-10973acc]&#123;background:#e6394d&#125;.reset-body .reset-item.reset-setpwd[data-v-10973acc]&#123;margin-top:20px&#125;.reset-body .reset-item.reset-setpwd .reset-setpwd-forget[data-v-10973acc]&#123;display:block;position:absolute;right:50px;top:8px;font-size:14px;line-height:18px;padding-left:10px;cursor:pointer&#125;.reset-body .reset-item.reset-setpwd .reset-setpwd-forget .reset-pwd-switch[data-v-10973acc]&#123;display:none&#125;.reset-body .reset-item.reset-setpwd .reset-setpwd-forget .reset-pwd-switch:empty~label[data-v-10973acc]&#123;display:inline-block;position:relative&#125;.reset-body .reset-item.reset-setpwd .reset-setpwd-forget .reset-pwd-switch:empty~label&gt;i[data-v-10973acc]&#123;opacity:0;cursor:pointer&#125;.reset-body .reset-item.reset-setpwd .reset-setpwd-forget .reset-pwd-switch:empty~label[data-v-10973acc]:before&#123;content:"\E60D";font-size:24px;font-family:iconfont;position:absolute;left:0;top:0;display:block&#125;.reset-body .reset-item.reset-setpwd .reset-setpwd-forget .reset-pwd-switch:checked~label[data-v-10973acc]&#123;display:inline-block;position:relative&#125;.reset-body .reset-item.reset-setpwd .reset-setpwd-forget .reset-pwd-switch:checked~label&gt;i[data-v-10973acc]&#123;opacity:0;cursor:pointer&#125;.reset-body .reset-item.reset-setpwd .reset-setpwd-forget .reset-pwd-switch:checked~label[data-v-10973acc]:before&#123;content:"\E60C";font-family:iconfont;font-size:24px;position:absolute;left:0;top:0;display:block&#125;.reset-body .reset-btn[data-v-10973acc]&#123;margin:20px 40px;width:360px;height:48px;background-color:#e6394d;cursor:pointer;text-align:center;color:#fff;line-height:48px;font-size:16px;letter-spacing:12px&#125;.success[data-v-10973acc]&#123;width:440px;left:0&#125;.success-body[data-v-10973acc],.success[data-v-10973acc]&#123;display:block;position:relative;height:608px;background:#fff&#125;.success-body[data-v-10973acc]&#123;background-size:cover&#125;.success-body .success-login[data-v-10973acc],.success-body .success-register[data-v-10973acc],.success-body .success-reset[data-v-10973acc]&#123;padding-top:180px&#125;.success-body .success-login .iconfont[data-v-10973acc],.success-body .success-register .iconfont[data-v-10973acc],.success-body .success-reset .iconfont[data-v-10973acc]&#123;font-size:80px;color:#e6394d;text-align:center;display:block&#125;.success-body .success-login .success-text[data-v-10973acc],.success-body .success-register .success-text[data-v-10973acc],.success-body .success-reset .success-text[data-v-10973acc]&#123;color:#e6394d;font-size:18px;text-align:center&#125;.success-body .success-login .success-timer[data-v-10973acc],.success-body .success-register .success-timer[data-v-10973acc],.success-body .success-reset .success-timer[data-v-10973acc]&#123;color:#999;font-size:14px;text-align:center&#125;.success-body .success-reset-go-login[data-v-10973acc]&#123;margin:20px 40px;margin-top:100px;width:360px;height:48px;background-color:#e6394d;cursor:pointer;text-align:center;color:#fff;line-height:48px;font-size:16px;letter-spacing:12px&#125;</span><span class="tag">&lt;/<span class="name">style</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">style</span> <span class="attr">data-vue-ssr-id</span>=<span class="string">"bb78a7d4:0"</span>&gt;</span><span class="undefined">.modal[data-v-0f33f7e0]&#123;z-index:200&#125;.login-modal .modal-content[data-v-0f33f7e0]&#123;overflow:hidden;width:440px;margin:0 20px&#125;.login-modal .modal-content .modal-close[data-v-0f33f7e0]&#123;position:absolute;z-index:100;top:10px;right:10px&#125;.login-modal .modal-content .modal-close[data-v-0f33f7e0]:after,.login-modal .modal-content .modal-close[data-v-0f33f7e0]:before&#123;background-color:#999&#125;</span><span class="tag">&lt;/<span class="name">style</span>&gt;</span> </span><br><span class="line">  <span class="comment">&lt;!--[if lt IE 10]&gt;</span></span><br><span class="line"><span class="comment">      &lt;script&gt;</span></span><br><span class="line"><span class="comment">        document.write('&lt;style&gt;body &#123;margin: 0&#125; .ie-alert &#123;height: 60px;line-height: 60px; background: #ffdd57; margin: 0; text-align: center&#125;.ie-alert a &#123;font-weight: bold&#125;&lt;/style&gt;&lt;div class="ie-alert"&gt;你的浏览器实在&lt;strong&gt;太旧了&lt;/strong&gt;，以致于我们的网页都不能正常显示了，切换其他浏览器或者升级浏览器再来访问吧！&lt;a target="_blank" href="http://browsehappy.osfipin.com"&gt;立即升级&lt;/a&gt;&lt;/div&gt;')</span></span><br><span class="line"><span class="comment">      &lt;/script&gt;</span></span><br><span class="line"><span class="comment">    &lt;![endif]--&gt;</span> </span><br><span class="line"> <span class="tag">&lt;/<span class="name">head</span>&gt;</span> </span><br><span class="line"> <span class="tag">&lt;<span class="name">body</span> <span class="attr">data-n-head</span>=<span class="string">""</span>&gt;</span> </span><br><span class="line">  <span class="tag">&lt;<span class="name">div</span> <span class="attr">data-server-rendered</span>=<span class="string">"true"</span> <span class="attr">id</span>=<span class="string">"__nuxt"</span>&gt;</span></span><br><span class="line">   <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"nuxt-progress"</span> <span class="attr">style</span>=<span class="string">"width:0%;height:2px;background-color:#3B8070;opacity:0;"</span>&gt;</span><span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">   <span class="tag">&lt;<span class="name">div</span> <span class="attr">id</span>=<span class="string">"__layout"</span>&gt;</span></span><br><span class="line">    <span class="tag">&lt;<span class="name">div</span>&gt;</span></span><br><span class="line">     <span class="tag">&lt;<span class="name">nav</span> <span class="attr">class</span>=<span class="string">"nav has-shadow"</span> <span class="attr">data-v-789bdac6</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"container"</span> <span class="attr">data-v-789bdac6</span>&gt;</span></span><br><span class="line">       <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"nav-left"</span> <span class="attr">data-v-789bdac6</span>&gt;</span></span><br><span class="line">        <span class="tag">&lt;<span class="name">a</span> <span class="attr">href</span>=<span class="string">"/"</span> <span class="attr">class</span>=<span class="string">"nav-item logo"</span> <span class="attr">data-v-789bdac6</span>&gt;</span><span class="tag">&lt;<span class="name">h1</span> <span class="attr">class</span>=<span class="string">"slogan"</span> <span class="attr">data-v-789bdac6</span>&gt;</span>选题材抓龙头，就用选股宝 xuangubao.cn | 选股宝，一款主打“主题投资”的A股资讯神器，每日根据用户个性化关注主题，推送最新、最快、最狠的消息，帮助第一时间抓住机会。<span class="tag">&lt;/<span class="name">h1</span>&gt;</span><span class="tag">&lt;<span class="name">img</span> <span class="attr">src</span>=<span class="string">"/img/logo.png"</span> <span class="attr">alt</span>=<span class="string">"选股宝 logo"</span> <span class="attr">data-v-789bdac6</span>&gt;</span><span class="tag">&lt;/<span class="name">a</span>&gt;</span></span><br><span class="line">        <span class="tag">&lt;<span class="name">a</span> <span class="attr">href</span>=<span class="string">"/"</span> <span class="attr">class</span>=<span class="string">"nav-item"</span> <span class="attr">data-v-789bdac6</span>&gt;</span> 7 x 24 <span class="tag">&lt;/<span class="name">a</span>&gt;</span></span><br><span class="line">        <span class="tag">&lt;<span class="name">a</span> <span class="attr">href</span>=<span class="string">"/zhutiku"</span> <span class="attr">target</span>=<span class="string">"_blank"</span> <span class="attr">class</span>=<span class="string">"nav-item"</span> <span class="attr">data-v-789bdac6</span>&gt;</span> 主题库 <span class="tag">&lt;/<span class="name">a</span>&gt;</span></span><br><span class="line">        <span class="tag">&lt;<span class="name">a</span> <span class="attr">href</span>=<span class="string">"/dingpan"</span> <span class="attr">target</span>=<span class="string">"_blank"</span> <span class="attr">class</span>=<span class="string">"nav-item nuxt-link-exact-active is-active-route"</span> <span class="attr">data-v-789bdac6</span>&gt;</span> 智能盯盘 <span class="tag">&lt;<span class="name">img</span> <span class="attr">src</span>=<span class="string">"/img/HOT.png"</span> <span class="attr">class</span>=<span class="string">"is-hot"</span> <span class="attr">data-v-789bdac6</span>&gt;</span><span class="tag">&lt;/<span class="name">a</span>&gt;</span></span><br><span class="line">        <span class="tag">&lt;<span class="name">a</span> <span class="attr">href</span>=<span class="string">"/yuanchuang"</span> <span class="attr">target</span>=<span class="string">"_blank"</span> <span class="attr">class</span>=<span class="string">"nav-item"</span> <span class="attr">data-v-789bdac6</span>&gt;</span> 原创 <span class="tag">&lt;/<span class="name">a</span>&gt;</span></span><br><span class="line">        <span class="tag">&lt;<span class="name">div</span> <span class="attr">target</span>=<span class="string">"_blank"</span> <span class="attr">class</span>=<span class="string">"nav-item"</span> <span class="attr">data-v-0a76a5aa</span> <span class="attr">data-v-789bdac6</span>&gt;</span></span><br><span class="line">         <span class="tag">&lt;<span class="name">span</span> <span class="attr">data-v-0a76a5aa</span>&gt;</span>精选<span class="tag">&lt;<span class="name">img</span> <span class="attr">src</span>=<span class="string">"/img/tuoshui-badge.png"</span> <span class="attr">class</span>=<span class="string">"is-hot"</span> <span class="attr">data-v-0a76a5aa</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">         <span class="tag">&lt;<span class="name">ul</span> <span class="attr">class</span>=<span class="string">"nav-dropdown false"</span> <span class="attr">data-v-0a76a5aa</span>&gt;</span></span><br><span class="line">          <span class="tag">&lt;<span class="name">li</span> <span class="attr">data-v-0a76a5aa</span>&gt;</span><span class="tag">&lt;<span class="name">a</span> <span class="attr">href</span>=<span class="string">"/tuoshuiyanbao"</span> <span class="attr">target</span>=<span class="string">"_blank"</span> <span class="attr">data-v-0a76a5aa</span>&gt;</span>脱水研报<span class="tag">&lt;/<span class="name">a</span>&gt;</span><span class="tag">&lt;/<span class="name">li</span>&gt;</span></span><br><span class="line">          <span class="tag">&lt;<span class="name">li</span> <span class="attr">data-v-0a76a5aa</span>&gt;</span><span class="tag">&lt;<span class="name">a</span> <span class="attr">href</span>=<span class="string">"/tuoshuidiaoyan"</span> <span class="attr">target</span>=<span class="string">"_blank"</span> <span class="attr">data-v-0a76a5aa</span>&gt;</span>脱水调研<span class="tag">&lt;/<span class="name">a</span>&gt;</span><span class="tag">&lt;/<span class="name">li</span>&gt;</span></span><br><span class="line">          <span class="tag">&lt;<span class="name">li</span> <span class="attr">data-v-0a76a5aa</span>&gt;</span><span class="tag">&lt;<span class="name">a</span> <span class="attr">href</span>=<span class="string">"/zaozhidao"</span> <span class="attr">target</span>=<span class="string">"_blank"</span> <span class="attr">data-v-0a76a5aa</span>&gt;</span>选股宝早知道<span class="tag">&lt;/<span class="name">a</span>&gt;</span><span class="tag">&lt;/<span class="name">li</span>&gt;</span></span><br><span class="line">          <span class="tag">&lt;<span class="name">li</span> <span class="attr">data-v-0a76a5aa</span>&gt;</span><span class="tag">&lt;<span class="name">a</span> <span class="attr">href</span>=<span class="string">"/panzhongtufa"</span> <span class="attr">target</span>=<span class="string">"_blank"</span> <span class="attr">data-v-0a76a5aa</span>&gt;</span>选股宝盘中突发<span class="tag">&lt;/<span class="name">a</span>&gt;</span><span class="tag">&lt;/<span class="name">li</span>&gt;</span></span><br><span class="line">          <span class="tag">&lt;<span class="name">li</span> <span class="attr">data-v-0a76a5aa</span>&gt;</span><span class="tag">&lt;<span class="name">a</span> <span class="attr">href</span>=<span class="string">"/zhangjiazaozhidao"</span> <span class="attr">target</span>=<span class="string">"_blank"</span> <span class="attr">data-v-0a76a5aa</span>&gt;</span>选股宝涨价早知道<span class="tag">&lt;/<span class="name">a</span>&gt;</span><span class="tag">&lt;/<span class="name">li</span>&gt;</span></span><br><span class="line">         <span class="tag">&lt;/<span class="name">ul</span>&gt;</span></span><br><span class="line">        <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">       <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">       <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"nav-right"</span> <span class="attr">data-v-789bdac6</span>&gt;</span></span><br><span class="line">        <span class="tag">&lt;<span class="name">span</span> <span class="attr">data-type</span>=<span class="string">"login"</span> <span class="attr">class</span>=<span class="string">"go-login nav-item"</span> <span class="attr">data-v-789bdac6</span>&gt;</span>登录<span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">        <span class="tag">&lt;<span class="name">span</span> <span class="attr">data-type</span>=<span class="string">"register"</span> <span class="attr">class</span>=<span class="string">"go-login nav-item"</span> <span class="attr">data-v-789bdac6</span>&gt;</span>注册<span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">       <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">     <span class="tag">&lt;/<span class="name">nav</span>&gt;</span></span><br><span class="line">     <span class="tag">&lt;<span class="name">div</span> <span class="attr">id</span>=<span class="string">"nuxt-layout-container"</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"ban dark normal"</span> <span class="attr">data-v-34069733</span>&gt;</span></span><br><span class="line">       <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"ban-main"</span> <span class="attr">data-v-34069733</span>&gt;</span></span><br><span class="line">        <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"ban-chart-out"</span> <span class="attr">data-v-563fd61e</span> <span class="attr">data-v-34069733</span>&gt;</span></span><br><span class="line">         <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"ban-chart-date"</span> <span class="attr">data-v-563fd61e</span>&gt;</span></span><br><span class="line">          <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"ivu-date-picker"</span> <span class="attr">data-v-563fd61e</span>&gt;</span></span><br><span class="line">           <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"ivu-date-picker-rel"</span>&gt;</span></span><br><span class="line">            <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"ban-chart-date-container"</span> <span class="attr">data-v-563fd61e</span>&gt;</span></span><br><span class="line">             <span class="tag">&lt;<span class="name">p</span> <span class="attr">class</span>=<span class="string">"ban-chart-date-month-week"</span> <span class="attr">data-v-563fd61e</span>&gt;</span> 6月周二 <span class="tag">&lt;/<span class="name">p</span>&gt;</span></span><br><span class="line">             <span class="tag">&lt;<span class="name">p</span> <span class="attr">class</span>=<span class="string">"ban-chart-date-day"</span> <span class="attr">data-v-563fd61e</span>&gt;</span> 12 <span class="tag">&lt;/<span class="name">p</span>&gt;</span></span><br><span class="line">            <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">           <span class="tag">&lt;/<span class="name">div</span>&gt;</span> </span><br><span class="line">           <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"ivu-select-dropdown"</span> <span class="attr">style</span>=<span class="string">"display:none;"</span>&gt;</span></span><br><span class="line">            <span class="tag">&lt;<span class="name">div</span>&gt;</span></span><br><span class="line">             <span class="tag">&lt;<span class="name">div</span> <span class="attr">steps</span>=<span class="string">""</span> <span class="attr">class</span>=<span class="string">"ivu-picker-panel-body-wrapper"</span>&gt;</span></span><br><span class="line">              <span class="comment">&lt;!----&gt;</span> </span><br><span class="line">              <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"ivu-picker-panel-body"</span>&gt;</span></span><br><span class="line">               <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"ivu-date-picker-header"</span>&gt;</span></span><br><span class="line">                <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"ivu-picker-panel-icon-btn ivu-date-picker-prev-btn ivu-date-picker-prev-btn-arrow-double"</span>&gt;</span><span class="tag">&lt;<span class="name">i</span> <span class="attr">class</span>=<span class="string">"ivu-icon ivu-icon-ios-arrow-left"</span>&gt;</span><span class="tag">&lt;/<span class="name">i</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span> </span><br><span class="line">                <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"ivu-picker-panel-icon-btn ivu-date-picker-prev-btn ivu-date-picker-prev-btn-arrow"</span>&gt;</span><span class="tag">&lt;<span class="name">i</span> <span class="attr">class</span>=<span class="string">"ivu-icon ivu-icon-ios-arrow-left"</span>&gt;</span><span class="tag">&lt;/<span class="name">i</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span> </span><br><span class="line">                <span class="tag">&lt;<span class="name">span</span>&gt;</span><span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"ivu-date-picker-header-label"</span>&gt;</span>2018年<span class="tag">&lt;/<span class="name">span</span>&gt;</span> <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"ivu-date-picker-header-label"</span>&gt;</span>6月<span class="tag">&lt;/<span class="name">span</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span> </span><br><span class="line">                <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"ivu-picker-panel-icon-btn ivu-date-picker-next-btn ivu-date-picker-next-btn-arrow-double"</span>&gt;</span><span class="tag">&lt;<span class="name">i</span> <span class="attr">class</span>=<span class="string">"ivu-icon ivu-icon-ios-arrow-right"</span>&gt;</span><span class="tag">&lt;/<span class="name">i</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span> </span><br><span class="line">                <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"ivu-picker-panel-icon-btn ivu-date-picker-next-btn ivu-date-picker-next-btn-arrow"</span>&gt;</span><span class="tag">&lt;<span class="name">i</span> <span class="attr">class</span>=<span class="string">"ivu-icon ivu-icon-ios-arrow-right"</span>&gt;</span><span class="tag">&lt;/<span class="name">i</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">               <span class="tag">&lt;/<span class="name">div</span>&gt;</span> </span><br><span class="line">               <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"ivu-picker-panel-content"</span>&gt;</span></span><br><span class="line">                <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"ivu-date-picker-cells"</span>&gt;</span></span><br><span class="line">                 <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"ivu-date-picker-cells-header"</span>&gt;</span></span><br><span class="line">                  <span class="tag">&lt;<span class="name">span</span>&gt;</span> 日 <span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">                  <span class="tag">&lt;<span class="name">span</span>&gt;</span> 一 <span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">                  <span class="tag">&lt;<span class="name">span</span>&gt;</span> 二 <span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">                  <span class="tag">&lt;<span class="name">span</span>&gt;</span> 三 <span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">                  <span class="tag">&lt;<span class="name">span</span>&gt;</span> 四 <span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">                  <span class="tag">&lt;<span class="name">span</span>&gt;</span> 五 <span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">                  <span class="tag">&lt;<span class="name">span</span>&gt;</span> 六 <span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">                 <span class="tag">&lt;/<span class="name">div</span>&gt;</span> </span><br><span class="line">                 <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"ivu-date-picker-cells-cell ivu-date-picker-cells-cell-disabled ivu-date-picker-cells-cell-prev-month"</span>&gt;</span><span class="tag">&lt;<span class="name">em</span>&gt;</span>27<span class="tag">&lt;/<span class="name">em</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">                 <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"ivu-date-picker-cells-cell ivu-date-picker-cells-cell-prev-month"</span>&gt;</span><span class="tag">&lt;<span class="name">em</span>&gt;</span>28<span class="tag">&lt;/<span class="name">em</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">                 <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"ivu-date-picker-cells-cell ivu-date-picker-cells-cell-prev-month"</span>&gt;</span><span class="tag">&lt;<span class="name">em</span>&gt;</span>29<span class="tag">&lt;/<span class="name">em</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">                 <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"ivu-date-picker-cells-cell ivu-date-picker-cells-cell-prev-month"</span>&gt;</span><span class="tag">&lt;<span class="name">em</span>&gt;</span>30<span class="tag">&lt;/<span class="name">em</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">                 <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"ivu-date-picker-cells-cell ivu-date-picker-cells-cell-prev-month"</span>&gt;</span><span class="tag">&lt;<span class="name">em</span>&gt;</span>31<span class="tag">&lt;/<span class="name">em</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">                 <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"ivu-date-picker-cells-cell"</span>&gt;</span><span class="tag">&lt;<span class="name">em</span>&gt;</span>1<span class="tag">&lt;/<span class="name">em</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">                 <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"ivu-date-picker-cells-cell ivu-date-picker-cells-cell-disabled"</span>&gt;</span><span class="tag">&lt;<span class="name">em</span>&gt;</span>2<span class="tag">&lt;/<span class="name">em</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">                 <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"ivu-date-picker-cells-cell ivu-date-picker-cells-cell-disabled"</span>&gt;</span><span class="tag">&lt;<span class="name">em</span>&gt;</span>3<span class="tag">&lt;/<span class="name">em</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">                 <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"ivu-date-picker-cells-cell"</span>&gt;</span><span class="tag">&lt;<span class="name">em</span>&gt;</span>4<span class="tag">&lt;/<span class="name">em</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">                 <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"ivu-date-picker-cells-cell"</span>&gt;</span><span class="tag">&lt;<span class="name">em</span>&gt;</span>5<span class="tag">&lt;/<span class="name">em</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">                 <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"ivu-date-picker-cells-cell"</span>&gt;</span><span class="tag">&lt;<span class="name">em</span>&gt;</span>6<span class="tag">&lt;/<span class="name">em</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">                 <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"ivu-date-picker-cells-cell"</span>&gt;</span><span class="tag">&lt;<span class="name">em</span>&gt;</span>7<span class="tag">&lt;/<span class="name">em</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">                 <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"ivu-date-picker-cells-cell"</span>&gt;</span><span class="tag">&lt;<span class="name">em</span>&gt;</span>8<span class="tag">&lt;/<span class="name">em</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">                 <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"ivu-date-picker-cells-cell ivu-date-picker-cells-cell-disabled"</span>&gt;</span><span class="tag">&lt;<span class="name">em</span>&gt;</span>9<span class="tag">&lt;/<span class="name">em</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">                 <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"ivu-date-picker-cells-cell ivu-date-picker-cells-cell-disabled"</span>&gt;</span><span class="tag">&lt;<span class="name">em</span>&gt;</span>10<span class="tag">&lt;/<span class="name">em</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">                 <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"ivu-date-picker-cells-cell"</span>&gt;</span><span class="tag">&lt;<span class="name">em</span>&gt;</span>11<span class="tag">&lt;/<span class="name">em</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">                 <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"ivu-date-picker-cells-cell ivu-date-picker-cells-cell-selected ivu-date-picker-cells-cell-today"</span>&gt;</span><span class="tag">&lt;<span class="name">em</span>&gt;</span>12<span class="tag">&lt;/<span class="name">em</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">                 <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"ivu-date-picker-cells-cell ivu-date-picker-cells-cell-disabled"</span>&gt;</span><span class="tag">&lt;<span class="name">em</span>&gt;</span>13<span class="tag">&lt;/<span class="name">em</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">                 <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"ivu-date-picker-cells-cell ivu-date-picker-cells-cell-disabled"</span>&gt;</span><span class="tag">&lt;<span class="name">em</span>&gt;</span>14<span class="tag">&lt;/<span class="name">em</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">                 <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"ivu-date-picker-cells-cell ivu-date-picker-cells-cell-disabled"</span>&gt;</span><span class="tag">&lt;<span class="name">em</span>&gt;</span>15<span class="tag">&lt;/<span class="name">em</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">                 <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"ivu-date-picker-cells-cell ivu-date-picker-cells-cell-disabled"</span>&gt;</span><span class="tag">&lt;<span class="name">em</span>&gt;</span>16<span class="tag">&lt;/<span class="name">em</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">                 <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"ivu-date-picker-cells-cell ivu-date-picker-cells-cell-disabled"</span>&gt;</span><span class="tag">&lt;<span class="name">em</span>&gt;</span>17<span class="tag">&lt;/<span class="name">em</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">                 <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"ivu-date-picker-cells-cell ivu-date-picker-cells-cell-disabled"</span>&gt;</span><span class="tag">&lt;<span class="name">em</span>&gt;</span>18<span class="tag">&lt;/<span class="name">em</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">                 <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"ivu-date-picker-cells-cell ivu-date-picker-cells-cell-disabled"</span>&gt;</span><span class="tag">&lt;<span class="name">em</span>&gt;</span>19<span class="tag">&lt;/<span class="name">em</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">                 <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"ivu-date-picker-cells-cell ivu-date-picker-cells-cell-disabled"</span>&gt;</span><span class="tag">&lt;<span class="name">em</span>&gt;</span>20<span class="tag">&lt;/<span class="name">em</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">                 <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"ivu-date-picker-cells-cell ivu-date-picker-cells-cell-disabled"</span>&gt;</span><span class="tag">&lt;<span class="name">em</span>&gt;</span>21<span class="tag">&lt;/<span class="name">em</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">                 <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"ivu-date-picker-cells-cell ivu-date-picker-cells-cell-disabled"</span>&gt;</span><span class="tag">&lt;<span class="name">em</span>&gt;</span>22<span class="tag">&lt;/<span class="name">em</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">                 <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"ivu-date-picker-cells-cell ivu-date-picker-cells-cell-disabled"</span>&gt;</span><span class="tag">&lt;<span class="name">em</span>&gt;</span>23<span class="tag">&lt;/<span class="name">em</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">                 <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"ivu-date-picker-cells-cell ivu-date-picker-cells-cell-disabled"</span>&gt;</span><span class="tag">&lt;<span class="name">em</span>&gt;</span>24<span class="tag">&lt;/<span class="name">em</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">                 <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"ivu-date-picker-cells-cell ivu-date-picker-cells-cell-disabled"</span>&gt;</span><span class="tag">&lt;<span class="name">em</span>&gt;</span>25<span class="tag">&lt;/<span class="name">em</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">                 <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"ivu-date-picker-cells-cell ivu-date-picker-cells-cell-disabled"</span>&gt;</span><span class="tag">&lt;<span class="name">em</span>&gt;</span>26<span class="tag">&lt;/<span class="name">em</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">                 <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"ivu-date-picker-cells-cell ivu-date-picker-cells-cell-disabled"</span>&gt;</span><span class="tag">&lt;<span class="name">em</span>&gt;</span>27<span class="tag">&lt;/<span class="name">em</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">                 <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"ivu-date-picker-cells-cell ivu-date-picker-cells-cell-disabled"</span>&gt;</span><span class="tag">&lt;<span class="name">em</span>&gt;</span>28<span class="tag">&lt;/<span class="name">em</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">                 <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"ivu-date-picker-cells-cell ivu-date-picker-cells-cell-disabled"</span>&gt;</span><span class="tag">&lt;<span class="name">em</span>&gt;</span>29<span class="tag">&lt;/<span class="name">em</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">                 <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"ivu-date-picker-cells-cell ivu-date-picker-cells-cell-disabled"</span>&gt;</span><span class="tag">&lt;<span class="name">em</span>&gt;</span>30<span class="tag">&lt;/<span class="name">em</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">                 <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"ivu-date-picker-cells-cell ivu-date-picker-cells-cell-disabled ivu-date-picker-cells-cell-next-month"</span>&gt;</span><span class="tag">&lt;<span class="name">em</span>&gt;</span>1<span class="tag">&lt;/<span class="name">em</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">                 <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"ivu-date-picker-cells-cell ivu-date-picker-cells-cell-disabled ivu-date-picker-cells-cell-next-month"</span>&gt;</span><span class="tag">&lt;<span class="name">em</span>&gt;</span>2<span class="tag">&lt;/<span class="name">em</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">                 <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"ivu-date-picker-cells-cell ivu-date-picker-cells-cell-disabled ivu-date-picker-cells-cell-next-month"</span>&gt;</span><span class="tag">&lt;<span class="name">em</span>&gt;</span>3<span class="tag">&lt;/<span class="name">em</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">                 <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"ivu-date-picker-cells-cell ivu-date-picker-cells-cell-disabled ivu-date-picker-cells-cell-next-month"</span>&gt;</span><span class="tag">&lt;<span class="name">em</span>&gt;</span>4<span class="tag">&lt;/<span class="name">em</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">                 <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"ivu-date-picker-cells-cell ivu-date-picker-cells-cell-disabled ivu-date-picker-cells-cell-next-month"</span>&gt;</span><span class="tag">&lt;<span class="name">em</span>&gt;</span>5<span class="tag">&lt;/<span class="name">em</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">                 <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"ivu-date-picker-cells-cell ivu-date-picker-cells-cell-disabled ivu-date-picker-cells-cell-next-month"</span>&gt;</span><span class="tag">&lt;<span class="name">em</span>&gt;</span>6<span class="tag">&lt;/<span class="name">em</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">                 <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"ivu-date-picker-cells-cell ivu-date-picker-cells-cell-disabled ivu-date-picker-cells-cell-next-month"</span>&gt;</span><span class="tag">&lt;<span class="name">em</span>&gt;</span>7<span class="tag">&lt;/<span class="name">em</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">                <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">               <span class="tag">&lt;/<span class="name">div</span>&gt;</span> </span><br><span class="line">               <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"ivu-picker-panel-content"</span> <span class="attr">style</span>=<span class="string">"display:none;"</span>&gt;</span></span><br><span class="line">                <span class="comment">&lt;!----&gt;</span></span><br><span class="line">               <span class="tag">&lt;/<span class="name">div</span>&gt;</span> </span><br><span class="line">               <span class="comment">&lt;!----&gt;</span></span><br><span class="line">              <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">             <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">            <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">           <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">          <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">         <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">         <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"ban-chart"</span> <span class="attr">data-v-563fd61e</span>&gt;</span></span><br><span class="line">          <span class="comment">&lt;!----&gt;</span></span><br><span class="line">          <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"hit-pool-container"</span> <span class="attr">data-v-2209365c</span> <span class="attr">data-v-563fd61e</span>&gt;</span></span><br><span class="line">           <span class="tag">&lt;<span class="name">div</span> <span class="attr">id</span>=<span class="string">"fluctuation"</span> <span class="attr">class</span>=<span class="string">"hit-pool-chart"</span> <span class="attr">style</span>=<span class="string">"width: 180px;height:96px;"</span> <span class="attr">data-v-2209365c</span>&gt;</span><span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">           <span class="tag">&lt;<span class="name">div</span> <span class="attr">id</span>=<span class="string">"fluctuation-title"</span> <span class="attr">class</span>=<span class="string">"hit-pool-title"</span> <span class="attr">data-v-2209365c</span>&gt;</span></span><br><span class="line">            涨跌对比</span><br><span class="line">            <span class="tag">&lt;<span class="name">span</span> <span class="attr">id</span>=<span class="string">"fluctuation-title-number"</span> <span class="attr">data-v-2209365c</span>&gt;</span><span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"-market-color--red"</span> <span class="attr">data-v-2209365c</span>&gt;</span>0<span class="tag">&lt;/<span class="name">span</span>&gt;</span>：<span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"-market-color--green"</span> <span class="attr">data-v-2209365c</span>&gt;</span>0<span class="tag">&lt;/<span class="name">span</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">           <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">           <span class="tag">&lt;<span class="name">div</span> <span class="attr">id</span>=<span class="string">"fluctuation-c-label"</span> <span class="attr">data-v-2209365c</span>&gt;</span></span><br><span class="line">            <span class="tag">&lt;<span class="name">p</span> <span class="attr">data-v-2209365c</span>&gt;</span><span class="tag">&lt;/<span class="name">p</span>&gt;</span></span><br><span class="line">            <span class="tag">&lt;<span class="name">p</span> <span class="attr">data-v-2209365c</span>&gt;</span>0<span class="tag">&lt;/<span class="name">p</span>&gt;</span></span><br><span class="line">            <span class="tag">&lt;<span class="name">p</span> <span class="attr">data-v-2209365c</span>&gt;</span><span class="tag">&lt;/<span class="name">p</span>&gt;</span></span><br><span class="line">           <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">          <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">          <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"hit-pool-container"</span> <span class="attr">data-v-3bde4c92</span> <span class="attr">data-v-563fd61e</span>&gt;</span></span><br><span class="line">           <span class="tag">&lt;<span class="name">div</span> <span class="attr">id</span>=<span class="string">"limit"</span> <span class="attr">class</span>=<span class="string">"hit-pool-chart"</span> <span class="attr">style</span>=<span class="string">"width: 180px;height:96px;"</span> <span class="attr">data-v-3bde4c92</span>&gt;</span><span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">           <span class="tag">&lt;<span class="name">div</span> <span class="attr">id</span>=<span class="string">"limit-title"</span> <span class="attr">class</span>=<span class="string">"hit-pool-title"</span> <span class="attr">data-v-3bde4c92</span>&gt;</span></span><br><span class="line">            涨跌停对比</span><br><span class="line">            <span class="tag">&lt;<span class="name">span</span> <span class="attr">id</span>=<span class="string">"fluctuation-title-number"</span> <span class="attr">data-v-3bde4c92</span>&gt;</span>0 : 0<span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">           <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">           <span class="tag">&lt;<span class="name">div</span> <span class="attr">id</span>=<span class="string">"limit-label"</span> <span class="attr">data-v-3bde4c92</span>&gt;</span></span><br><span class="line">            <span class="tag">&lt;<span class="name">p</span> <span class="attr">data-v-3bde4c92</span>&gt;</span><span class="tag">&lt;/<span class="name">p</span>&gt;</span></span><br><span class="line">            <span class="tag">&lt;<span class="name">p</span> <span class="attr">data-v-3bde4c92</span>&gt;</span>0<span class="tag">&lt;/<span class="name">p</span>&gt;</span></span><br><span class="line">            <span class="tag">&lt;<span class="name">p</span> <span class="attr">data-v-3bde4c92</span>&gt;</span><span class="tag">&lt;/<span class="name">p</span>&gt;</span></span><br><span class="line">           <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">          <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">          <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"hit-pool-container"</span> <span class="attr">data-v-b41f1032</span> <span class="attr">data-v-563fd61e</span>&gt;</span></span><br><span class="line">           <span class="tag">&lt;<span class="name">div</span> <span class="attr">id</span>=<span class="string">"behavior_kline"</span> <span class="attr">class</span>=<span class="string">"hit-pool-chart"</span> <span class="attr">style</span>=<span class="string">"width: 180px;height:96px;"</span> <span class="attr">data-v-b41f1032</span>&gt;</span><span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">           <span class="tag">&lt;<span class="name">div</span> <span class="attr">id</span>=<span class="string">"behavior_kline-title"</span> <span class="attr">data-v-b41f1032</span>&gt;</span></span><br><span class="line">            昨日涨停今日表现</span><br><span class="line">            <span class="tag">&lt;<span class="name">span</span> <span class="attr">id</span>=<span class="string">"behavior_kline-title-number"</span> <span class="attr">data-v-b41f1032</span>&gt;</span>0%<span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">           <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">           <span class="tag">&lt;<span class="name">div</span> <span class="attr">id</span>=<span class="string">"behavior_kline-label"</span> <span class="attr">data-v-b41f1032</span>&gt;</span></span><br><span class="line">            <span class="tag">&lt;<span class="name">p</span> <span class="attr">data-v-b41f1032</span>&gt;</span>0.00%<span class="tag">&lt;/<span class="name">p</span>&gt;</span></span><br><span class="line">            <span class="tag">&lt;<span class="name">p</span> <span class="attr">data-v-b41f1032</span>&gt;</span>0.00%<span class="tag">&lt;/<span class="name">p</span>&gt;</span></span><br><span class="line">            <span class="tag">&lt;<span class="name">p</span> <span class="attr">data-v-b41f1032</span>&gt;</span>0.00%<span class="tag">&lt;/<span class="name">p</span>&gt;</span></span><br><span class="line">           <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">          <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">          <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"hit-pool-container"</span> <span class="attr">data-v-dc69ee62</span> <span class="attr">data-v-563fd61e</span>&gt;</span></span><br><span class="line">           <span class="tag">&lt;<span class="name">div</span> <span class="attr">id</span>=<span class="string">"raise_incompleted_kline"</span> <span class="attr">class</span>=<span class="string">"hit-pool-chart"</span> <span class="attr">style</span>=<span class="string">"width: 180px;height:96px;"</span> <span class="attr">data-v-dc69ee62</span>&gt;</span><span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">           <span class="tag">&lt;<span class="name">div</span> <span class="attr">id</span>=<span class="string">"raise_incompleted_kline-title"</span> <span class="attr">data-v-dc69ee62</span>&gt;</span></span><br><span class="line">            封板未遂（炸板率：</span><br><span class="line">            <span class="tag">&lt;<span class="name">span</span> <span class="attr">id</span>=<span class="string">"behavior_kline-title-number"</span> <span class="attr">data-v-dc69ee62</span>&gt;</span>0%<span class="tag">&lt;/<span class="name">span</span>&gt;</span>）</span><br><span class="line">           <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">           <span class="tag">&lt;<span class="name">div</span> <span class="attr">id</span>=<span class="string">"raise_incompleted_kline-label"</span> <span class="attr">data-v-dc69ee62</span>&gt;</span></span><br><span class="line">            <span class="tag">&lt;<span class="name">p</span> <span class="attr">data-v-dc69ee62</span>&gt;</span>0<span class="tag">&lt;/<span class="name">p</span>&gt;</span></span><br><span class="line">            <span class="tag">&lt;<span class="name">p</span> <span class="attr">data-v-dc69ee62</span>&gt;</span>0<span class="tag">&lt;/<span class="name">p</span>&gt;</span></span><br><span class="line">            <span class="tag">&lt;<span class="name">p</span> <span class="attr">data-v-dc69ee62</span>&gt;</span>0<span class="tag">&lt;/<span class="name">p</span>&gt;</span></span><br><span class="line">           <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">          <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">         <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">        <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">        <span class="comment">&lt;!----&gt;</span></span><br><span class="line">       <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">       <span class="comment">&lt;!----&gt;</span></span><br><span class="line">       <span class="comment">&lt;!----&gt;</span></span><br><span class="line">      <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">     <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">     <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"xgb-tools"</span> <span class="attr">data-v-c9b800e2</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"tools-box tools-appQrcode"</span> <span class="attr">data-v-c9b800e2</span>&gt;</span></span><br><span class="line">       <span class="tag">&lt;<span class="name">img</span> <span class="attr">src</span>=<span class="string">"/img/logo_dark.png"</span> <span class="attr">data-v-c9b800e2</span>&gt;</span></span><br><span class="line">       <span class="tag">&lt;<span class="name">img</span> <span class="attr">src</span>=<span class="string">"/img/xgb-app.png"</span> <span class="attr">alt</span>=<span class="string">"App下载二维码"</span> <span class="attr">class</span>=<span class="string">"tools-appQrcode-image"</span> <span class="attr">data-v-c9b800e2</span>&gt;</span></span><br><span class="line">       <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"hint-text"</span> <span class="attr">data-v-c9b800e2</span>&gt;</span>App下载<span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"tools-box tools-wechatQrcode"</span> <span class="attr">data-v-c9b800e2</span>&gt;</span></span><br><span class="line">       <span class="tag">&lt;<span class="name">i</span> <span class="attr">class</span>=<span class="string">"iconfont icon-weixin1"</span> <span class="attr">data-v-c9b800e2</span>&gt;</span><span class="tag">&lt;/<span class="name">i</span>&gt;</span></span><br><span class="line">       <span class="tag">&lt;<span class="name">img</span> <span class="attr">src</span>=<span class="string">"/img/xgb-wechat.jpeg"</span> <span class="attr">alt</span>=<span class="string">"微信公众号二维码"</span> <span class="attr">class</span>=<span class="string">"tools-wechatQrcode-image"</span> <span class="attr">data-v-c9b800e2</span>&gt;</span></span><br><span class="line">       <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"hint-text"</span> <span class="attr">data-v-c9b800e2</span>&gt;</span>公众号<span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"tools-box"</span> <span class="attr">data-v-c9b800e2</span>&gt;</span></span><br><span class="line">       <span class="tag">&lt;<span class="name">a</span> <span class="attr">href</span>=<span class="string">"http://biaoge.wallstreetcn.com/f/O88l5G"</span> <span class="attr">target</span>=<span class="string">"_blank"</span> <span class="attr">data-v-c9b800e2</span>&gt;</span><span class="tag">&lt;<span class="name">i</span> <span class="attr">class</span>=<span class="string">"iconfont icon-fankui"</span> <span class="attr">data-v-c9b800e2</span>&gt;</span><span class="tag">&lt;/<span class="name">i</span>&gt;</span><span class="tag">&lt;/<span class="name">a</span>&gt;</span></span><br><span class="line">       <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"hint-text"</span> <span class="attr">data-v-c9b800e2</span>&gt;</span>用户反馈<span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"tools-box"</span> <span class="attr">data-v-c9b800e2</span>&gt;</span></span><br><span class="line">       <span class="tag">&lt;<span class="name">i</span> <span class="attr">class</span>=<span class="string">"iconfont icon-xiangshang"</span> <span class="attr">data-v-c9b800e2</span>&gt;</span><span class="tag">&lt;/<span class="name">i</span>&gt;</span></span><br><span class="line">       <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"hint-text"</span> <span class="attr">data-v-c9b800e2</span>&gt;</span>回到顶部<span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">     <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">     <span class="tag">&lt;<span class="name">footer</span> <span class="attr">class</span>=<span class="string">"footer"</span> <span class="attr">data-v-04d5e15a</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">p</span> <span class="attr">data-v-04d5e15a</span>&gt;</span><span class="tag">&lt;<span class="name">a</span> <span class="attr">href</span>=<span class="string">"http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010102003447"</span> <span class="attr">target</span>=<span class="string">"_blank"</span> <span class="attr">class</span>=<span class="string">"beian"</span> <span class="attr">data-v-04d5e15a</span>&gt;</span><span class="tag">&lt;<span class="name">img</span> <span class="attr">src</span>=<span class="string">"/img/beian.png"</span> <span class="attr">alt</span>=<span class="string">"沪公网安备 31010102003447号"</span> <span class="attr">class</span>=<span class="string">"gongan"</span> <span class="attr">data-v-04d5e15a</span>&gt;</span>沪公网安备 31010102003447号 <span class="tag">&lt;/<span class="name">a</span>&gt;</span><span class="tag">&lt;/<span class="name">p</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">p</span> <span class="attr">data-v-04d5e15a</span>&gt;</span>© 2016 - 2018 选股宝-上海阿牛信息科技有限公司 xuangubao.cn <span class="tag">&lt;<span class="name">a</span> <span class="attr">href</span>=<span class="string">"http://www.miitbeian.gov.cn"</span> <span class="attr">target</span>=<span class="string">"_blank"</span> <span class="attr">class</span>=<span class="string">"beian"</span> <span class="attr">data-v-04d5e15a</span>&gt;</span>沪ICP备13019121号-4<span class="tag">&lt;/<span class="name">a</span>&gt;</span><span class="tag">&lt;/<span class="name">p</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">p</span> <span class="attr">data-v-04d5e15a</span>&gt;</span> 联系微信：xuangumei666 <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"work-time"</span> <span class="attr">data-v-04d5e15a</span>&gt;</span>工作时间：周一至周五 9:30-18:30<span class="tag">&lt;/<span class="name">span</span>&gt;</span><span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"work-time"</span> <span class="attr">data-v-04d5e15a</span>&gt;</span>中国（上海）自由贸易试验区张杨路707号二层西区<span class="tag">&lt;/<span class="name">span</span>&gt;</span><span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"work-time"</span> <span class="attr">data-v-04d5e15a</span>&gt;</span>风险提示：市场有风险，投资需谨慎<span class="tag">&lt;/<span class="name">span</span>&gt;</span><span class="tag">&lt;/<span class="name">p</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">p</span> <span class="attr">class</span>=<span class="string">"friend-link-container"</span> <span class="attr">data-v-04d5e15a</span>&gt;</span> 友情链接: <span class="tag">&lt;<span class="name">a</span> <span class="attr">target</span>=<span class="string">"_blank"</span> <span class="attr">rel</span>=<span class="string">"noreferrer noopener"</span> <span class="attr">href</span>=<span class="string">"https://www.wallstreetcn.com/?from=xuangubao"</span> <span class="attr">class</span>=<span class="string">"friend-link"</span> <span class="attr">data-v-04d5e15a</span>&gt;</span>华尔街见闻<span class="tag">&lt;/<span class="name">a</span>&gt;</span><span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"line-divider"</span> <span class="attr">data-v-04d5e15a</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span><span class="tag">&lt;<span class="name">a</span> <span class="attr">target</span>=<span class="string">"_blank"</span> <span class="attr">rel</span>=<span class="string">"noreferrer noopener"</span> <span class="attr">href</span>=<span class="string">"http://www.tubiaojia.com"</span> <span class="attr">class</span>=<span class="string">"friend-link"</span> <span class="attr">data-v-04d5e15a</span>&gt;</span>图表家<span class="tag">&lt;/<span class="name">a</span>&gt;</span><span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"line-divider"</span> <span class="attr">data-v-04d5e15a</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span><span class="tag">&lt;<span class="name">a</span> <span class="attr">target</span>=<span class="string">"_blank"</span> <span class="attr">rel</span>=<span class="string">"noreferrer noopener"</span> <span class="attr">href</span>=<span class="string">"https://www.ipo3.com"</span> <span class="attr">class</span>=<span class="string">"friend-link"</span> <span class="attr">data-v-04d5e15a</span>&gt;</span>犀牛之星<span class="tag">&lt;/<span class="name">a</span>&gt;</span><span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"line-divider"</span> <span class="attr">data-v-04d5e15a</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span><span class="tag">&lt;<span class="name">a</span> <span class="attr">target</span>=<span class="string">"_blank"</span> <span class="attr">rel</span>=<span class="string">"noreferrer noopener"</span> <span class="attr">href</span>=<span class="string">"https://www.caishiv.com"</span> <span class="attr">class</span>=<span class="string">"friend-link"</span> <span class="attr">data-v-04d5e15a</span>&gt;</span>财视中国<span class="tag">&lt;/<span class="name">a</span>&gt;</span><span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"line-divider"</span> <span class="attr">data-v-04d5e15a</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span><span class="tag">&lt;<span class="name">a</span> <span class="attr">target</span>=<span class="string">"_blank"</span> <span class="attr">rel</span>=<span class="string">"noreferrer noopener"</span> <span class="attr">href</span>=<span class="string">"http://www.123.com.cn"</span> <span class="attr">class</span>=<span class="string">"friend-link"</span> <span class="attr">data-v-04d5e15a</span>&gt;</span>云掌财经<span class="tag">&lt;/<span class="name">a</span>&gt;</span><span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"line-divider"</span> <span class="attr">data-v-04d5e15a</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span><span class="tag">&lt;<span class="name">a</span> <span class="attr">target</span>=<span class="string">"_blank"</span> <span class="attr">rel</span>=<span class="string">"noreferrer noopener"</span> <span class="attr">href</span>=<span class="string">"https://www.longau.com"</span> <span class="attr">class</span>=<span class="string">"friend-link"</span> <span class="attr">data-v-04d5e15a</span>&gt;</span>龙讯财经<span class="tag">&lt;/<span class="name">a</span>&gt;</span><span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"line-divider"</span> <span class="attr">data-v-04d5e15a</span>&gt;</span><span class="tag">&lt;/<span class="name">span</span>&gt;</span><span class="tag">&lt;<span class="name">a</span> <span class="attr">target</span>=<span class="string">"_blank"</span> <span class="attr">rel</span>=<span class="string">"noreferrer noopener"</span> <span class="attr">href</span>=<span class="string">"http://www.315i.com"</span> <span class="attr">class</span>=<span class="string">"friend-link"</span> <span class="attr">data-v-04d5e15a</span>&gt;</span>金联创<span class="tag">&lt;/<span class="name">a</span>&gt;</span><span class="tag">&lt;/<span class="name">p</span>&gt;</span></span><br><span class="line">     <span class="tag">&lt;/<span class="name">footer</span>&gt;</span></span><br><span class="line">     <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"modal login-modal"</span> <span class="attr">data-v-0f33f7e0</span> <span class="attr">data-v-10973acc</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"modal-background"</span> <span class="attr">data-v-0f33f7e0</span>&gt;</span><span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"modal-content"</span> <span class="attr">data-v-0f33f7e0</span>&gt;</span></span><br><span class="line">       <span class="tag">&lt;<span class="name">button</span> <span class="attr">class</span>=<span class="string">"modal-close modal-inner-close"</span> <span class="attr">data-v-0f33f7e0</span> <span class="attr">data-v-10973acc</span>&gt;</span><span class="tag">&lt;/<span class="name">button</span>&gt;</span></span><br><span class="line">       <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"register"</span> <span class="attr">data-v-0f33f7e0</span> <span class="attr">data-v-10973acc</span>&gt;</span></span><br><span class="line">        <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"register-title"</span> <span class="attr">data-v-0f33f7e0</span> <span class="attr">data-v-10973acc</span>&gt;</span></span><br><span class="line">         <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"register-title-tab"</span> <span class="attr">data-v-0f33f7e0</span> <span class="attr">data-v-10973acc</span>&gt;</span></span><br><span class="line">          <span class="tag">&lt;<span class="name">label</span> <span class="attr">class</span>=<span class="string">"register-title-tab-radio selecetd"</span> <span class="attr">data-v-0f33f7e0</span> <span class="attr">data-v-10973acc</span>&gt;</span><span class="tag">&lt;<span class="name">span</span> <span class="attr">data-v-0f33f7e0</span> <span class="attr">data-v-10973acc</span>&gt;</span>登录<span class="tag">&lt;/<span class="name">span</span>&gt;</span><span class="tag">&lt;/<span class="name">label</span>&gt;</span></span><br><span class="line">          <span class="tag">&lt;<span class="name">label</span> <span class="attr">class</span>=<span class="string">"register-title-tab-radio"</span> <span class="attr">data-v-0f33f7e0</span> <span class="attr">data-v-10973acc</span>&gt;</span><span class="tag">&lt;<span class="name">span</span> <span class="attr">data-v-0f33f7e0</span> <span class="attr">data-v-10973acc</span>&gt;</span>注册<span class="tag">&lt;/<span class="name">span</span>&gt;</span><span class="tag">&lt;/<span class="name">label</span>&gt;</span></span><br><span class="line">         <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">        <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">        <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"register-body"</span> <span class="attr">data-v-0f33f7e0</span> <span class="attr">data-v-10973acc</span>&gt;</span></span><br><span class="line">         <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"register-body-log"</span> <span class="attr">data-v-0f33f7e0</span> <span class="attr">data-v-10973acc</span>&gt;</span></span><br><span class="line">          <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"login-item login-phone"</span> <span class="attr">data-v-0f33f7e0</span> <span class="attr">data-v-10973acc</span>&gt;</span></span><br><span class="line">           <span class="tag">&lt;<span class="name">i</span> <span class="attr">class</span>=<span class="string">"iconfont"</span> <span class="attr">data-v-0f33f7e0</span> <span class="attr">data-v-10973acc</span>&gt;</span><span class="tag">&lt;/<span class="name">i</span>&gt;</span></span><br><span class="line">           <span class="tag">&lt;<span class="name">input</span> <span class="attr">placeholder</span>=<span class="string">"手机号"</span> <span class="attr">type</span>=<span class="string">"text"</span> <span class="attr">value</span>=<span class="string">""</span> <span class="attr">class</span>=<span class="string">"login-item-input login-phone-input"</span> <span class="attr">data-v-0f33f7e0</span> <span class="attr">data-v-10973acc</span>&gt;</span></span><br><span class="line">           <span class="tag">&lt;<span class="name">i</span> <span class="attr">class</span>=<span class="string">"iconfont icon-pass"</span> <span class="attr">data-v-0f33f7e0</span> <span class="attr">data-v-10973acc</span>&gt;</span><span class="tag">&lt;/<span class="name">i</span>&gt;</span></span><br><span class="line">          <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">          <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"login-phone-input-err"</span> <span class="attr">data-v-0f33f7e0</span> <span class="attr">data-v-10973acc</span>&gt;</span><span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">          <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"login-item login-setpwd"</span> <span class="attr">data-v-0f33f7e0</span> <span class="attr">data-v-10973acc</span>&gt;</span></span><br><span class="line">           <span class="tag">&lt;<span class="name">i</span> <span class="attr">class</span>=<span class="string">"iconfont"</span> <span class="attr">data-v-0f33f7e0</span> <span class="attr">data-v-10973acc</span>&gt;</span><span class="tag">&lt;/<span class="name">i</span>&gt;</span></span><br><span class="line">           <span class="tag">&lt;<span class="name">input</span> <span class="attr">placeholder</span>=<span class="string">"密码"</span> <span class="attr">type</span>=<span class="string">"password"</span> <span class="attr">value</span>=<span class="string">""</span> <span class="attr">class</span>=<span class="string">"login-item-input login-setpwd-input"</span> <span class="attr">data-v-0f33f7e0</span> <span class="attr">data-v-10973acc</span>&gt;</span></span><br><span class="line">           <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"login-setpwd-forget"</span> <span class="attr">data-v-0f33f7e0</span> <span class="attr">data-v-10973acc</span>&gt;</span></span><br><span class="line">            <span class="tag">&lt;<span class="name">input</span> <span class="attr">type</span>=<span class="string">"checkbox"</span> <span class="attr">id</span>=<span class="string">"pwd-switch-login"</span> <span class="attr">name</span>=<span class="string">"pwd-switch-login"</span> <span class="attr">class</span>=<span class="string">"login-pwd-switch"</span> <span class="attr">data-v-0f33f7e0</span> <span class="attr">data-v-10973acc</span>&gt;</span></span><br><span class="line">            <span class="tag">&lt;<span class="name">label</span> <span class="attr">for</span>=<span class="string">"pwd-switch-login"</span> <span class="attr">class</span>=<span class="string">"login-pwd-switch-label"</span> <span class="attr">data-v-0f33f7e0</span> <span class="attr">data-v-10973acc</span>&gt;</span><span class="tag">&lt;<span class="name">i</span> <span class="attr">class</span>=<span class="string">"iconfont"</span> <span class="attr">data-v-0f33f7e0</span> <span class="attr">data-v-10973acc</span>&gt;</span><span class="tag">&lt;/<span class="name">i</span>&gt;</span><span class="tag">&lt;/<span class="name">label</span>&gt;</span></span><br><span class="line">            <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"forget-pwd"</span> <span class="attr">data-v-0f33f7e0</span> <span class="attr">data-v-10973acc</span>&gt;</span>忘记密码<span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">           <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">          <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">          <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"login-pwd-err"</span> <span class="attr">data-v-0f33f7e0</span> <span class="attr">data-v-10973acc</span>&gt;</span><span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">          <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"login-rememberme"</span> <span class="attr">data-v-0f33f7e0</span> <span class="attr">data-v-10973acc</span>&gt;</span></span><br><span class="line">           <span class="tag">&lt;<span class="name">input</span> <span class="attr">type</span>=<span class="string">"checkbox"</span> <span class="attr">id</span>=<span class="string">"rememberme-switch"</span> <span class="attr">name</span>=<span class="string">"rememberme-switch"</span> <span class="attr">checked</span> <span class="attr">class</span>=<span class="string">"login-rememberme-switch"</span> <span class="attr">data-v-0f33f7e0</span> <span class="attr">data-v-10973acc</span>&gt;</span></span><br><span class="line">           <span class="tag">&lt;<span class="name">label</span> <span class="attr">for</span>=<span class="string">"rememberme-switch"</span> <span class="attr">class</span>=<span class="string">"login-rememberme-switch-label"</span> <span class="attr">data-v-0f33f7e0</span> <span class="attr">data-v-10973acc</span>&gt;</span>记住我<span class="tag">&lt;/<span class="name">label</span>&gt;</span></span><br><span class="line">          <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">          <span class="tag">&lt;<span class="name">div</span> <span class="attr">id</span>=<span class="string">"xgb-login"</span> <span class="attr">class</span>=<span class="string">"login-btn"</span> <span class="attr">data-v-0f33f7e0</span> <span class="attr">data-v-10973acc</span>&gt;</span></span><br><span class="line">            登录 </span><br><span class="line">          <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">          <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"login-to-register"</span> <span class="attr">data-v-0f33f7e0</span> <span class="attr">data-v-10973acc</span>&gt;</span></span><br><span class="line">            还没有选股宝账号？</span><br><span class="line">           <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"login-to-register-link"</span> <span class="attr">data-v-0f33f7e0</span> <span class="attr">data-v-10973acc</span>&gt;</span>立即注册<span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">          <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">         <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">         <span class="comment">&lt;!----&gt;</span></span><br><span class="line">        <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">       <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">       <span class="comment">&lt;!----&gt;</span></span><br><span class="line">       <span class="comment">&lt;!----&gt;</span></span><br><span class="line">      <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">     <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">   <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">script</span> <span class="attr">type</span>=<span class="string">"text/javascript"</span>&gt;</span><span class="undefined">window.__NUXT__=&#123;"layout":"default","data":[&#123;"pageIndex":0,"pageMode":"normal","sideWidth":"25%","selectDate":"2018-06-12T02:10:29.910Z","timer":0,"topFixed":false,"yscrollVal":0,"smallScreen":false,"tabOffsetTop":152,"guideShow":false,"svgWidth":1000,"svgHeight":600,"yidongtixing":true,"show":false,"stopRefreshing":false,"tabItems":[&#123;"index":0,"text":"盯盘","type":"ding","targetProp":"","poolPostfix":"","checked":false&#125;,&#123;"index":1,"text":"涨停池","type":"boardstock","targetProp":"last_raise_time","poolPostfix":"board_code_desc","checked":false&#125;,&#123;"index":2,"text":"炸板池","type":"boomstock","targetProp":"last_boom_time","poolPostfix":"boom_code_desc","checked":false&#125;,&#123;"index":3,"text":"新股池","type":"newstock","targetProp":"new_stock_rule","poolPostfix":"new_code_desc","checked":false&#125;,&#123;"index":4,"text":"次新股池","type":"secstock","targetProp":"px_change_rate","poolPostfix":"sec_code_desc","checked":false&#125;,&#123;"index":5,"text":"强势股池","type":"multistock","targetProp":"continue_board_count","poolPostfix":"multi_code_desc","checked":false&#125;,&#123;"index":6,"text":"跌停池","type":"downstock","targetProp":"last_board_time","poolPostfix":"","checked":false&#125;,&#123;"index":7,"text":"昨日涨停池","type":"boardpreday","targetProp":"last_raise_time","poolPostfix":"","checked":false&#125;],"playsinline":true,"playerOptions":&#123;"muted":false,"width":900,"isFullscreen":true,"language":"zh-CN","sources":[&#123;"type":"video\u002Fmp4","src":"http:\u002F\u002Fimage.bao.wallstreetcn.com\u002Fzhinengdingpan.mp4"&#125;],"poster":"http:\u002F\u002Fimage.bao.wallstreetcn.com\u002Fding\u002Ffen3.png"&#125;&#125;],"error":null,"state":&#123;"auth":&#123;"token":null,"headers":&#123;&#125;,"req":&#123;&#125;&#125;,"external":&#123;"baiduTTSToken":&#123;&#125;&#125;,"home":&#123;"ads":[],"hided":false&#125;,"homeMsgs":&#123;"activeFixedSubjects":[],"hotSubjects":[],"activeHotSubjects":null,"msgs":[],"pushSettingsOpen":false,"push":&#123;"notification":true,"audio":true,"tts":true&#125;,"isFetching":false,"reachedEnd":false,"cursor":&#123;"headmark":"","tailmark":"","msgIdMark":"","hasExplain":""&#125;,"entities":&#123;"msgs":&#123;&#125;&#125;,"entries":&#123;"msgList":[]&#125;,"mode":"live","searchInfo":&#123;"keyword":"","total":"","startDate":"","endDate":"","offset":0&#125;,"loading":false&#125;,"kline":&#123;"count":200,"countStep":50,"zhutiKline":[],"stockKline":&#123;&#125;,"stockKlineFields":[],"nomoreKline":false&#125;,"login":&#123;"login":&#123;"show":false,"mode":0&#125;&#125;,"market":&#123;"indexes":[&#123;"Name":"上证指数","Symbol":"000001.SS"&#125;,&#123;"Name":"深证成指","Symbol":"399001.SZ"&#125;,&#123;"Name":"创业板指","Symbol":"399006.SZ"&#125;],"quoteChange":&#123;&#125;,"thermometer":&#123;&#125;&#125;,"premium":&#123;"params":&#123;"page":1,"limit":10&#125;,"msgs":[],"hotMsgs":[],"subjectInfo":&#123;&#125;,"trialMsgs":[]&#125;,"purchasedMsgs":&#123;"params":&#123;"limit":10,"page":1&#125;,"msgs":null&#125;,"settings":&#123;"trending":[],"settings":&#123;"JinRiJiHuiQianZhan":[],"TiQianMaiFu":[],"ZhongChangXianJiHui":[]&#125;&#125;,"stock":&#123;"real":&#123;&#125;,"stocks":[]&#125;,"stockImage":&#123;"stockImage":&#123;&#125;&#125;,"stockSummary":&#123;"fluctuationContrastData":null,"behaviorKlineData":null,"limitContrastData":null,"raiseIncompletedKlineData":null,"temperatureVal":null,"fluctuationDistributionData":null&#125;,"stockTrend":&#123;"trend":null,"stockList":null,"preValue":null&#125;,"subscribe":&#123;"isModalOpen":false,"message":null,"subject":&#123;&#125;,"subjectItems":&#123;"index":0,"items":[]&#125;,"selectedType":"","payMethod":"","payStatus":0,"order":&#123;&#125;,"errmsg":""&#125;,"theme":&#123;"themeInfo":null,"themeMsg":&#123;&#125;,"plateSetInfo":&#123;&#125;,"excpetionTheme":["24291465","24898553","17864537","19322062","17136297","17290881","27912881","27924249"],"themeStockSymbol":[],"outerStockSymbol":[],"themeStockList":[],"themeCount":&#123;"raise":0,"down":0,"stable":0&#125;,"stockReal":&#123;&#125;,"stockLabel":&#123;&#125;,"themeSets":[],"accessMode":1,"stockFlow":null,"themeJinRiLongTou":null,"themeGoodBad":[],"eventHoverTime":null,"hideEvents":[],"financeDate":null,"finance":null,"themeFinance":null&#125;,"tuoshui":&#123;"params":&#123;"page":1,"limit":10&#125;,"Messages":&#123;&#125;,"Subject":&#123;&#125;,"NextMark":null,"hotMsgs":[],"trialMsgs":[]&#125;,"user":&#123;"userInfo":&#123;"isLogged":false,"Token":"","nickname":""&#125;&#125;,"yuanchuang":&#123;"top":[],"latest":[],"dayRank":[],"weekRank":[],"msgs":&#123;&#125;&#125;,"zaozhidao":&#123;"params":&#123;"page":1,"limit":10&#125;,"Messages":&#123;&#125;,"Subject":&#123;&#125;,"NextMark":null,"hotMsgs":[],"trialMsgs":[]&#125;,"zhutiChart":&#123;"mode":"fenshi","diejia":[],"originIndex":[&#123;"name":"沪深300","symbol":"000300.SS","px":null,"checked":true,"_index":0&#125;,&#123;"name":"深证成指","symbol":"399001.SZ","px":null,"checked":false,"_index":1&#125;,&#123;"name":"创业板指","symbol":"399006.SZ","px":null,"checked":false,"_index":2&#125;],"timeRange":[]&#125;,"zhutiTongji":&#123;"tongji":null,"tongjiMap":&#123;&#125;,"stockClose":&#123;&#125;,"tongjiTime":null,"tongjiLoading":false&#125;,"zhutiTrend":&#123;"trend":null,"zhutiId":null,"preValue":null&#125;,"zhutiku":&#123;"zhutikuAsc":[],"zhutikuDesc":[]&#125;&#125;,"serverRendered":true&#125;;</span><span class="tag">&lt;/<span class="name">script</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">script</span> <span class="attr">src</span>=<span class="string">"https://static-alpha.wallstreetcn.com/clay/manifest.1f6b2202e79ed3bc8f71.js"</span> <span class="attr">defer</span>&gt;</span><span class="undefined"></span><span class="tag">&lt;/<span class="name">script</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">script</span> <span class="attr">src</span>=<span class="string">"https://static-alpha.wallstreetcn.com/clay/layouts/default.c8fc2ca668da67a5522f.js"</span> <span class="attr">defer</span>&gt;</span><span class="undefined"></span><span class="tag">&lt;/<span class="name">script</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">script</span> <span class="attr">src</span>=<span class="string">"https://static-alpha.wallstreetcn.com/clay/pages/dingpan/_id.a8362de5e835a04f692c.js"</span> <span class="attr">defer</span>&gt;</span><span class="undefined"></span><span class="tag">&lt;/<span class="name">script</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">script</span> <span class="attr">src</span>=<span class="string">"https://static-alpha.wallstreetcn.com/clay/vendor.787b748b2aa791af3419.js"</span> <span class="attr">defer</span>&gt;</span><span class="undefined"></span><span class="tag">&lt;/<span class="name">script</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">script</span> <span class="attr">src</span>=<span class="string">"https://static-alpha.wallstreetcn.com/clay/app.a93c21ff1869eac54397.js"</span> <span class="attr">defer</span>&gt;</span><span class="undefined"></span><span class="tag">&lt;/<span class="name">script</span>&gt;</span> </span><br><span class="line">  <span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="undefined"></span></span><br><span class="line"><span class="undefined">      &#123;(function(i,s,o,g,r,a,m)&#123;i['GoogleAnalyticsObject']=r;i[r]=i[r]||function()&#123;</span></span><br><span class="line"><span class="undefined">      (i[r].q=i[r].q||[]).push(arguments)&#125;,i[r].l=1*new Date();a=s.createElement(o),</span></span><br><span class="line"><span class="undefined">      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)</span></span><br><span class="line"><span class="undefined">      &#125;)(window,document,'script','https://www.google-analytics.com/analytics.js','ga');</span></span><br><span class="line"><span class="undefined"></span></span><br><span class="line"><span class="undefined">      ga('create', 'UA-64451198-4', 'auto');</span></span><br><span class="line"><span class="undefined">      ga('send', 'pageview');&#125;</span></span><br><span class="line"><span class="undefined">    </span><span class="tag">&lt;/<span class="name">script</span>&gt;</span> </span><br><span class="line">  <span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="undefined"></span></span><br><span class="line"><span class="undefined">    (function(b,a,e,h,f,c,g,s)&#123;b[h]=b[h]||function()&#123;(b[h].c=b[h].c||[]).push(arguments)&#125;;</span></span><br><span class="line"><span class="undefined">    b[h].s=!!c;g=a.getElementsByTagName(e)[0];s=a.createElement(e);</span></span><br><span class="line"><span class="undefined">    s.src="//s.union.360.cn/"+f+".js";s.defer=!0;s.async=!0;g.parentNode.insertBefore(s,g)</span></span><br><span class="line"><span class="undefined">    &#125;)(window,document,"script","_qha",219689,false);</span></span><br><span class="line"><span class="undefined">    </span><span class="tag">&lt;/<span class="name">script</span>&gt;</span> </span><br><span class="line">  <span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="undefined"></span></span><br><span class="line"><span class="undefined">      var _hmt = _hmt || [];</span></span><br><span class="line"><span class="undefined">      (function() &#123;</span></span><br><span class="line"><span class="undefined">        var hm = document.createElement("script");</span></span><br><span class="line"><span class="undefined">        hm.async = 1</span></span><br><span class="line"><span class="undefined">        hm.src = "https://hm.baidu.com/hm.js?6e8f4dfa25ad4f956a55c8dd8d01fdec";</span></span><br><span class="line"><span class="undefined">        var s = document.getElementsByTagName("script")[0];</span></span><br><span class="line"><span class="undefined">        s.parentNode.insertBefore(hm, s);</span></span><br><span class="line"><span class="undefined">      &#125;)();</span></span><br><span class="line"><span class="undefined">    </span><span class="tag">&lt;/<span class="name">script</span>&gt;</span> </span><br><span class="line">  <span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="undefined"></span></span><br><span class="line"><span class="undefined">      var _hmt = _hmt || [];</span></span><br><span class="line"><span class="undefined">      (function() &#123;</span></span><br><span class="line"><span class="undefined">        var hm = document.createElement("script");</span></span><br><span class="line"><span class="undefined">        hm.src = "https://hm.baidu.com/hm.js?7e18ea40d71ecda0eacae51be020d9be";</span></span><br><span class="line"><span class="undefined">        var s = document.getElementsByTagName("script")[0];</span></span><br><span class="line"><span class="undefined">        s.parentNode.insertBefore(hm, s);</span></span><br><span class="line"><span class="undefined">      &#125;)();</span></span><br><span class="line"><span class="undefined">      </span><span class="tag">&lt;/<span class="name">script</span>&gt;</span>   </span><br><span class="line"> <span class="tag">&lt;/<span class="name">body</span>&gt;</span></span><br><span class="line"><span class="tag">&lt;/<span class="name">html</span>&gt;</span></span><br></pre></td></tr></table></figure></p>
<p>与我们在浏览器里看到的页面不同，body中只有空标签<br>这是因为选股宝为了实时更新页面数据<br>内容都是通过js定时器定时发送ajax请求以后渲染数据到页面中</p>
<h2 id="分析网站"><a href="#分析网站" class="headerlink" title="分析网站"></a>分析网站</h2><p>在浏览器中打开开发者模式(F12)查看刚刚爬取的网站的网络请求数据<br>发现有这个请求<br><img src="/blog/images/python/getIDS.jpg" alt="getIds"><br>这个url获取到的是所有的股票id<br>还有另一个重要的url<br><img src="/blog/images/python/getInfo.jpg" alt="getInfo"><br>这个url可以根据id获取到对应的股票信息<br>根据这个:</p>
<h3 id="获取所有股票id"><a href="#获取所有股票id" class="headerlink" title="获取所有股票id"></a>获取所有股票id</h3><figure class="highlight python"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line">queryProdCodeUrl=<span class="string">'https://wows-api.wallstreetcn.com/v3/aioria/plates/summary/field?ids=all&amp;fields=plate_id,stocks'</span></span><br><span class="line">prodData = getUrlJson(queryProdCodeUrl)</span><br></pre></td></tr></table></figure>
<h3 id="根据id获取股票信息"><a href="#根据id获取股票信息" class="headerlink" title="根据id获取股票信息"></a>根据id获取股票信息</h3><figure class="highlight python"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br></pre></td><td class="code"><pre><span class="line">queryInfoUrl=<span class="string">'https://wows-api.wallstreetcn.com/real?fields=prod_name,px_change,last_px,px_change_rate,trade_status,circulation_value,pe_rate,market_value,turnover_ratio'</span></span><br><span class="line">total=<span class="number">0</span></span><br><span class="line"><span class="keyword">for</span> item <span class="keyword">in</span> prodData[<span class="string">'data'</span>][<span class="string">'items'</span>]:</span><br><span class="line">    <span class="keyword">for</span> iitem <span class="keyword">in</span> prodData[<span class="string">'data'</span>][<span class="string">'items'</span>][item][<span class="number">1</span>][<span class="string">'items'</span>]:</span><br><span class="line">        total=total+<span class="number">1</span></span><br><span class="line">        infoUrl = queryInfoUrl + <span class="string">'&amp;en_prod_code='</span> + iitem[<span class="number">0</span>]</span><br><span class="line">        snapshot = getUrlJson(infoUrl)[<span class="string">'data'</span>][<span class="string">'snapshot'</span>]</span><br><span class="line">        snapshot = zip(snapshot[<span class="string">'fields'</span>],snapshot[iitem[<span class="number">0</span>]])</span><br><span class="line">        <span class="keyword">for</span> info <span class="keyword">in</span> snapshot:</span><br><span class="line">            print(info[<span class="number">0</span>],<span class="string">':'</span>,info[<span class="number">1</span>],end=<span class="string">'     '</span>)</span><br><span class="line">print(<span class="string">'total:'</span>,total)</span><br></pre></td></tr></table></figure>
<p>至此，就完成了爬区全股宝上的股票信息并输出</p>
<h2 id="输出到Excel"><a href="#输出到Excel" class="headerlink" title="输出到Excel"></a>输出到Excel</h2><p>这里要用到第三方的库<br>xlwt<br>这是一个python向excel文件输出内容的库，不依赖其他第三方库<br>安装后<br>使用命令<br><figure class="highlight python"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line">xls = xlwt.Workbook()</span><br><span class="line">sheet = xls.add_sheet(<span class="string">'sample'</span>)</span><br></pre></td></tr></table></figure></p>
<p>就创建了一个包含一个sample名字的sheet的xls文件对象<br>使用命令<br><figure class="highlight python"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">sheet.write(row, col, data)</span><br></pre></td></tr></table></figure></p>
<p>就可以将data的内容输出到该对象的row行从来列的格子<br>最后调用命令<br><figure class="highlight python"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">xls.save(yourSavePath)</span><br></pre></td></tr></table></figure></p>
<p>就可以把xls文件输出到给定目录<br>综上，我们只需要<br>在原有代码里修改下<br><figure class="highlight python"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br></pre></td><td class="code"><pre><span class="line">total=<span class="number">0</span></span><br><span class="line">xls = xlwt.Workbook()</span><br><span class="line">sheet = xls.add_sheet(<span class="string">'sample'</span>)</span><br><span class="line"></span><br><span class="line"><span class="keyword">for</span> item <span class="keyword">in</span> prodData[<span class="string">'data'</span>][<span class="string">'items'</span>]:</span><br><span class="line">    <span class="keyword">for</span> iitem <span class="keyword">in</span> prodData[<span class="string">'data'</span>][<span class="string">'items'</span>][item][<span class="number">1</span>][<span class="string">'items'</span>]:</span><br><span class="line">        total=total+<span class="number">1</span></span><br><span class="line">        infoUrl = queryInfoUrl + <span class="string">'&amp;en_prod_code='</span> + iitem[<span class="number">0</span>]</span><br><span class="line">        snapshot = getUrlJson(infoUrl)[<span class="string">'data'</span>][<span class="string">'snapshot'</span>]</span><br><span class="line">        snapshot = zip(snapshot[<span class="string">'fields'</span>],snapshot[iitem[<span class="number">0</span>]])</span><br><span class="line">        col=<span class="number">0</span></span><br><span class="line">        <span class="keyword">for</span> info <span class="keyword">in</span> snapshot:</span><br><span class="line">            <span class="comment">#print(info[0],':',info[1],end='     ')</span></span><br><span class="line">            sheet.write(total, col, info[<span class="number">1</span>])</span><br><span class="line">            col=col+<span class="number">1</span></span><br><span class="line">infoUrl = queryInfoUrl + <span class="string">'&amp;en_prod_code='</span> + iitem[<span class="number">0</span>]</span><br><span class="line">snapshot = getUrlJson(infoUrl)[<span class="string">'data'</span>][<span class="string">'snapshot'</span>]</span><br><span class="line">snapshot = zip(snapshot[<span class="string">'fields'</span>],snapshot[iitem[<span class="number">0</span>]])</span><br><span class="line">col=<span class="number">0</span></span><br><span class="line"><span class="keyword">for</span> info <span class="keyword">in</span> snapshot:</span><br><span class="line">    sheet.write(<span class="number">0</span>, col, info[<span class="number">0</span>])</span><br><span class="line">    col=col+<span class="number">1</span></span><br><span class="line">xls.save(yourSavePath)</span><br></pre></td></tr></table></figure></p>
<p>最后一段代码是把每个field的名字写入excel的第一行<br>最终查看目录文件<br><img src="/blog/images/python/excelData.jpg" alt="excel图片"><br><img src="/blog/images/python/data.jpg" alt="excel结果"><br>去除第一行的field名称<br>总共12924条股票信息<br>运行时间差不多一小时，才输出完毕</p>
<h3 id="更多精彩内容"><a href="#更多精彩内容" class="headerlink" title="更多精彩内容"></a>更多精彩内容</h3><h3 id="请移步"><a href="#请移步" class="headerlink" title="请移步"></a>请移步</h3><p>个人主页: <a href="http://yangyitao.top" target="_blank" rel="noopener">yangyitao.top</a></p>

      
    </div>
    
  </div>
  
    
<nav id="article-nav">
  
    <a href="/blog/2018/06/21/Elasticsearch服务器搭建/" id="article-nav-newer" class="article-nav-link-wrap">
      <strong class="article-nav-caption">&lt;</strong>
      <div class="article-nav-title">
        
          Elasticsearch服务器搭建
        
      </div>
    </a>
  
  
    <a href="/blog/2018/06/08/fastdfs集群/" id="article-nav-older" class="article-nav-link-wrap">
      <div class="article-nav-title">fastdfs集群版搭建</div>
      <strong class="article-nav-caption">&gt;</strong>
    </a>
  
</nav>

  
</article>


<div class="ds-share share" data-thread-key="python网络爬虫并输出excel" data-title="Python网络爬虫并输出到excel" data-url="http://eetal.gitee.io/blog/blog/2018/06/12/python网络爬虫并输出excel/"  data-images="/blog/images/head.jpg" data-content="Python网络爬虫并输出到excel">
    <div class="ds-share-inline">
      <ul  class="ds-share-icons-16">
      	<li data-toggle="ds-share-icons-more"><a class="ds-more" href="javascript:void(0);">分享到：</a></li>
        <li><a class="ds-weibo" href="javascript:void(0);" data-service="weibo">微博</a></li>
        <li><a class="ds-qzone" href="javascript:void(0);" data-service="qzone">QQ空间</a></li>
        <li><a class="ds-qqt" href="javascript:void(0);" data-service="qqt">腾讯微博</a></li>
        <li><a class="ds-wechat" href="javascript:void(0);" data-service="wechat">微信</a></li>
      </ul>
      <div class="ds-share-icons-more">
      </div>
    </div>
 </div>
 





</div>
      <footer id="footer">
  <div class="outer">
    <div id="footer-info">
      <div class="footer-left">
        &copy; 2019 Eetal
      </div>
        <div class="footer-right">
          <a href="http://hexo.io/" target="_blank">Hexo</a>  Theme <a href="https://github.com/smackgg/hexo-theme-smackdown" target="_blank">Smackdown</a>
        </div>
    </div>
  </div>
</footer>
    </div>
    
  <link rel="stylesheet" href="/blog/fancybox/jquery.fancybox.css">


<script>
	var yiliaConfig = {
		fancybox: true,
		mathjax: true,
		animate: true,
		isHome: false,
		isPost: true,
		isArchive: false,
		isTag: false,
		isCategory: false,
		open_in_new: false
	}
</script>
<script src="/blog/js/main.js"></script>



<script type="text/x-mathjax-config">
MathJax.Hub.Config({
    tex2jax: {
        inlineMath: [ ['$','$'], ["\\(","\\)"]  ],
        processEscapes: true,
        skipTags: ['script', 'noscript', 'style', 'textarea', 'pre', 'code']
    }
});

MathJax.Hub.Queue(function() {
    var all = MathJax.Hub.getAllJax(), i;
    for(i=0; i < all.length; i += 1) {
        all[i].SourceElement().parentNode.className += ' has-jax';                 
    }       
});
</script>

<script src="//cdn.bootcss.com/mathjax/2.7.0/MathJax.js"></script>


  </div>
</body>
</html>